From 6706480a2c00c7c8fa744a47b1cef66c2e648de1 Mon Sep 17 00:00:00 2001 From: Brendan Chen Date: Mon, 27 Oct 2025 22:30:17 -0700 Subject: [PATCH] Move projects into separate pages and respective folders --- projects/dont-wake-sandie/index.md | 23 ++++ projects/index.md | 128 +++--------------- .../assets/interchange-screenshots.png | Bin projects/interchange/index.md | 18 +++ .../assets/power-to-the-people.png | Bin projects/power-to-the-people/index.md | 19 +++ .../{ => sourcebook}/assets/sourcebook.png | Bin projects/sourcebook/index.md | 19 +++ projects/{ => tad-pool}/assets/tad-pool.png | Bin projects/tad-pool/index.md | 23 ++++ projects/teech-ai-cal-hacks-12/index.md | 23 ++++ .../assets/farmers-dog.png | Bin projects/the-farmers-dog-trivia/index.md | 21 +++ 13 files changed, 166 insertions(+), 108 deletions(-) create mode 100644 projects/dont-wake-sandie/index.md rename projects/{ => interchange}/assets/interchange-screenshots.png (100%) create mode 100644 projects/interchange/index.md rename projects/{ => power-to-the-people}/assets/power-to-the-people.png (100%) create mode 100644 projects/power-to-the-people/index.md rename projects/{ => sourcebook}/assets/sourcebook.png (100%) create mode 100644 projects/sourcebook/index.md rename projects/{ => tad-pool}/assets/tad-pool.png (100%) create mode 100644 projects/tad-pool/index.md create mode 100644 projects/teech-ai-cal-hacks-12/index.md rename projects/{ => the-farmers-dog-trivia}/assets/farmers-dog.png (100%) create mode 100644 projects/the-farmers-dog-trivia/index.md diff --git a/projects/dont-wake-sandie/index.md b/projects/dont-wake-sandie/index.md new file mode 100644 index 0000000..4f6fa7c --- /dev/null +++ b/projects/dont-wake-sandie/index.md @@ -0,0 +1,23 @@ +--- +title: Don't Wake Sandie +layout: default +--- + +# Don't Wake Sandie + + + +**A game about not waking up a hungover corgi named Sandie.** Gather 2-4 people, +roll to determine order, and take turns to pet Sandie. Don’t wake her +up…*or else*. + +I worked on gameplay programming in Unity, and collaborated with +[Nicole Citardi](https://www.linkedin.com/in/nicole-citardi-16104a222/), +[Veronica Lan](https://www.linkedin.com/in/veronicalan/), and +[Daniel Ahn](https://www.linkedin.com/in/daniel-ahn-bb2326262/) to coordinate +UI development, artwork integration, and version control. There were so many +moving parts, and I really aimed to get as much input for the gameplay design +as I could from the team. + +[itch.io (play the game!)](https://bchendev.itch.io/dont-wake-sandie){: .primary-action } +{: .horizontal-wrapper } diff --git a/projects/index.md b/projects/index.md index 0752f34..18d0fbd 100644 --- a/projects/index.md +++ b/projects/index.md @@ -5,116 +5,28 @@ layout: default # Projects -## Interchange +## Personal -![interchange-screenshots.png](assets/interchange-screenshots.png "Screenshots of Interchange.") +- [Interchange](/projects/interchange) + - An iOS app for college transit, now on the App Store! +- [Sourcebook](/projects/sourcebook) + - A lightweight content management system (CMS) for class websites. +- [Don't Wake Sandie](/projects/dont-wake-sandie) + - A game about not waking up…a hungover corgi -**An iOS app for college transit, currently available for Chapman University.** -View routes, shuttle locations, and estimated arrival times in a sleek, easy-to-use -interface. I built this app using SwiftUI, Node.js and Apollo GraphQL, with Redis as a -primary storage mechanism. +## Hackathons -[Download on the App Store](https://apps.apple.com/us/app/interchange-college-commute/id6739968742){: .primary-action } -[Join the TestFlight](https://testflight.apple.com/join/HbuHfUgW){: .secondary-action } -[Website](https://interchange.bchen.dev/){: .secondary-action } -{: .horizontal-wrapper } +- [teech.ai](/projects/teech-ai-cal-hacks-12) + - Cal Hacks 12.0 + - A tutoring app to make education more accessible, built with SwiftUI and Gemini Vision API. +- [Power to the People](/projects/power-to-the-people) + - **President's Pick**, CruzHacks 2024 + - An iOS app designed to make traffic stops safer for marginalized communities. +- [Tad-Pool](/projects/tad-pool) + - FullyBeyond 2025 + - A mobile app designed to make carpooling easier for college students. -## teech.ai (Cal Hacks 12.0) +## Work - - -**A proof-of-concept tutoring app for students learning math.** Using the phone camera, -the app sees and understands math problems, guiding students through problems with hints -and step-by-step questions. We added text-to-speech (TTS) to give our app a voice, further -engaging students and making it feel like a more personal experience. - -I built the app using SwiftUI. using AVFoundation for video recording and TTS playback. -[Tri Vu](https://www.linkedin.com/in/tri-q-vu/) built a web interface prototype and Python-based -backend utilizing the Gemini Vision API and Fish Audio for TTS. - -[GitHub](https://github.com/brendan-ch/teecher-ios){: .primary-action } -[Devpost](https://devpost.com/software/teech-ai){: .secondary-action} -{: .horizontal-wrapper } - -## Power to the People (CruzHacks 2024 President's Pick) - -![power-to-the-people.png](assets/power-to-the-people.png "Screenshots of Power to the People, an iOS app designed to make traffic stops safer.") - -**An iPhone app designed to make traffic stops safer for marginalized communities.** -Record interactions with police, assign and text emergency contacts, and be informed -of your rights. I led a student team of 4 to build a minimum viable product using -SwiftUI, in 36 hours. The app was selected for the **President's Pick award** at -[CruzHacks 2024](https://cruzhacks.com/), the premier hackathon of UC Santa Cruz. - -[GitHub](https://github.com/brendan-ch/PowerToThePeople){: .primary-action } -[Devpost](https://devpost.com/software/power-to-the-people-lbhxyd){: .secondary-action } -{: .horizontal-wrapper } - -## Tad-Pool - -![tad-pool.png](assets/tad-pool.png "Screenshots of Tad-Pool, a carpooling app for college students.") - -**A mobile app designed to make carpooling easier for college students.** -Find carpools based on time and location, and get rewarded for helping to reduce -CO2 emissions. I worked with [Jazmine Stanek](https://www.linkedin.com/in/vjazminestanek/) -and [Isabelle Woo](https://www.linkedin.com/in/isabellewoo/) to create the UI/UX -design using Figma and FigJam, in a period of 24 hours for -[FullyBeyond 2024](https://fullybeyond.acmcsuf.com/). - -The project reached the finalist judging stage. - -[High-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=13-1837&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .primary-action } -[Low-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=0-1&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .secondary-action } -[FigJam board](https://www.figma.com/board/Dct7GuhKFYq8maw0KoAVBV/Product-Brainstorm-FullyBeyond?node-id=0-1&node-type=canvas&t=g7RKLLo5IoU84ndk-11){: .secondary-action } -[Devpost](https://devpost.com/software/tad-pool){: .secondary-action } -{: .horizontal-wrapper } - -## Don't Wake Sandie - - - -**A game about not waking up a hungover corgi named Sandie.** Gather 2-4 people, -roll to determine order, and take turns to pet Sandie. Don’t wake her up…*or else*. - -I worked on gameplay programming in Unity, and collaborated with -[Nicole Citardi](https://www.linkedin.com/in/nicole-citardi-16104a222/), -[Veronica Lan](https://www.linkedin.com/in/veronicalan/), and -[Daniel Ahn](https://www.linkedin.com/in/daniel-ahn-bb2326262/) to coordinate -UI development, artwork integration, and version control. There were so many -moving parts, and I really aimed to get as much input for the gameplay design -as I could from the team. - -[itch.io (play the game!)](https://bchendev.itch.io/dont-wake-sandie){: .primary-action } -{: .horizontal-wrapper } - -## Sourcebook - -![sourcebook.png](assets/sourcebook.png "Screenshot of Sourcebook, a lightweight CMS for class websites.") - -**A lightweight content management system (CMS) designed to build class websites.** -I designed it to be a self-hosted alternative for popular apps like Notion, while -offering additional features tailored to support schoolwork. - -I designed an entity-relationship diagram, MySQL database schema, and HTML/CSS -high-fidelity prototype to support the project and show to professors. I then -built a lightweight full-stack application using Python, Flask, and MySQL. - -[GitHub](https://github.com/brendan-ch/sourcebook){: .primary-action } -{: .horizontal-wrapper } - -## The Farmer's Dog Trivia Game - -![farmers-dog.png](assets/farmers-dog.png) - -**A Windows kiosk application designed to connect customers with the Farmer's -Dog experience.** Play the interactive trivia game, score points, and win swag! -I worked with [Walter Cheng](https://www.linkedin.com/in/walter-j-cheng/) to -plan out dependencies and requirements, set up the codebase, and implement the -screens for the app using React Native for Windows. - -"I’ve worked with Brendan for many years, and he is the first person I turn to -for web/app development. He’s knowledgeable and efficient, and his task -management skills make him an ideal project member." — Walter Cheng, project overseer - -[The Farmer’s Dog](https://thefarmersdog.com/){: .primary-action } -{: .horizontal-wrapper } +- [The Farmer's Dog Trivia Game](/projects/the-farmers-dog-trivia) + - A Windows kiosk application designed to connect customers with the Farmer's Dog experience. diff --git a/projects/assets/interchange-screenshots.png b/projects/interchange/assets/interchange-screenshots.png similarity index 100% rename from projects/assets/interchange-screenshots.png rename to projects/interchange/assets/interchange-screenshots.png diff --git a/projects/interchange/index.md b/projects/interchange/index.md new file mode 100644 index 0000000..db22559 --- /dev/null +++ b/projects/interchange/index.md @@ -0,0 +1,18 @@ +--- +title: Interchange +layout: default +--- + +# Interchange + +![interchange-screenshots.png](assets/interchange-screenshots.png "Screenshots of Interchange.") + +**An iOS app for college transit, currently available for Chapman University.** +View routes, shuttle locations, and estimated arrival times in a sleek, +easy-to-use interface. I built this app using SwiftUI, Node.js and Apollo +GraphQL, with Redis as a primary storage mechanism. + +[Download on the App Store](https://apps.apple.com/us/app/interchange-college-commute/id6739968742){: .primary-action } +[Join the TestFlight](https://testflight.apple.com/join/HbuHfUgW){: .secondary-action } +[Website](https://interchange.bchen.dev/){: .secondary-action } +{: .horizontal-wrapper } diff --git a/projects/assets/power-to-the-people.png b/projects/power-to-the-people/assets/power-to-the-people.png similarity index 100% rename from projects/assets/power-to-the-people.png rename to projects/power-to-the-people/assets/power-to-the-people.png diff --git a/projects/power-to-the-people/index.md b/projects/power-to-the-people/index.md new file mode 100644 index 0000000..35047a2 --- /dev/null +++ b/projects/power-to-the-people/index.md @@ -0,0 +1,19 @@ +--- +title: Power to the People +layout: default +--- + +# Power to the People (CruzHacks 2024 President's Pick) + +![power-to-the-people.png](assets/power-to-the-people.png "Screenshots of Power to the People, an iOS app designed to make traffic stops safer.") + +**An iPhone app designed to make traffic stops safer for marginalized +communities.** Record interactions with police, assign and text emergency +contacts, and be informed of your rights. I led a student team of 4 to build a +minimum viable product using SwiftUI, in 36 hours. The app was selected for the +**President's Pick award** at [CruzHacks 2024](https://cruzhacks.com/), the +premier hackathon of UC Santa Cruz. + +[GitHub](https://github.com/brendan-ch/PowerToThePeople){: .primary-action } +[Devpost](https://devpost.com/software/power-to-the-people-lbhxyd){: .secondary-action } +{: .horizontal-wrapper } diff --git a/projects/assets/sourcebook.png b/projects/sourcebook/assets/sourcebook.png similarity index 100% rename from projects/assets/sourcebook.png rename to projects/sourcebook/assets/sourcebook.png diff --git a/projects/sourcebook/index.md b/projects/sourcebook/index.md new file mode 100644 index 0000000..9dec403 --- /dev/null +++ b/projects/sourcebook/index.md @@ -0,0 +1,19 @@ +--- +title: Sourcebook +layout: default +--- + +# Sourcebook + +![sourcebook.png](assets/sourcebook.png "Screenshot of Sourcebook, a lightweight CMS for class websites.") + +**A lightweight content management system (CMS) designed to build class +websites.** I designed it to be a self-hosted alternative for popular apps like +Notion, while offering additional features tailored to support schoolwork. + +I designed an entity-relationship diagram, MySQL database schema, and HTML/CSS +high-fidelity prototype to support the project and show to professors. I then +built a lightweight full-stack application using Python, Flask, and MySQL. + +[GitHub](https://github.com/brendan-ch/sourcebook){: .primary-action } +{: .horizontal-wrapper } diff --git a/projects/assets/tad-pool.png b/projects/tad-pool/assets/tad-pool.png similarity index 100% rename from projects/assets/tad-pool.png rename to projects/tad-pool/assets/tad-pool.png diff --git a/projects/tad-pool/index.md b/projects/tad-pool/index.md new file mode 100644 index 0000000..2157b0c --- /dev/null +++ b/projects/tad-pool/index.md @@ -0,0 +1,23 @@ +--- +title: Tad-Pool +layout: default +--- + +# Tad-Pool + +![tad-pool.png](assets/tad-pool.png "Screenshots of Tad-Pool, a carpooling app for college students.") + +**A mobile app designed to make carpooling easier for college students.** Find +carpools based on time and location, and get rewarded for helping to reduce CO2 +emissions. I worked with [Jazmine Stanek](https://www.linkedin.com/in/vjazminestanek/) +and [Isabelle Woo](https://www.linkedin.com/in/isabellewoo/) to create the UI/UX +design using Figma and FigJam, in a period of 24 hours for +[FullyBeyond 2024](https://fullybeyond.acmcsuf.com/). + +The project reached the finalist judging stage. + +[High-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=13-1837&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .primary-action } +[Low-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=0-1&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .secondary-action } +[FigJam board](https://www.figma.com/board/Dct7GuhKFYq8maw0KoAVBV/Product-Brainstorm-FullyBeyond?node-id=0-1&node-type=canvas&t=g7RKLLo5IoU84ndk-11){: .secondary-action } +[Devpost](https://devpost.com/software/tad-pool){: .secondary-action } +{: .horizontal-wrapper } diff --git a/projects/teech-ai-cal-hacks-12/index.md b/projects/teech-ai-cal-hacks-12/index.md new file mode 100644 index 0000000..d822a53 --- /dev/null +++ b/projects/teech-ai-cal-hacks-12/index.md @@ -0,0 +1,23 @@ +--- +title: teech.ai (Cal Hacks 12.0) +layout: default +--- + +# teech.ai (Cal Hacks 12.0) + + + +**A proof-of-concept tutoring app for students learning math.** Using the phone +camera, the app sees and understands math problems, guiding students through +problems with hints and step-by-step questions. We added text-to-speech (TTS) to +give our app a voice, further engaging students and making it feel like a more +personal experience. + +I built the app using SwiftUI. with AVFoundation for video recording and TTS +playback. [Tri Vu](https://www.linkedin.com/in/tri-q-vu/) built a web interface +prototype and Python-based backend utilizing the Gemini Vision API and Fish +Audio for TTS. + +[GitHub](https://github.com/brendan-ch/teecher-ios){: .primary-action } +[Devpost](https://devpost.com/software/teech-ai){: .secondary-action} +{: .horizontal-wrapper } diff --git a/projects/assets/farmers-dog.png b/projects/the-farmers-dog-trivia/assets/farmers-dog.png similarity index 100% rename from projects/assets/farmers-dog.png rename to projects/the-farmers-dog-trivia/assets/farmers-dog.png diff --git a/projects/the-farmers-dog-trivia/index.md b/projects/the-farmers-dog-trivia/index.md new file mode 100644 index 0000000..c6e8832 --- /dev/null +++ b/projects/the-farmers-dog-trivia/index.md @@ -0,0 +1,21 @@ +--- +title: The Farmer's Dog Trivia Game +layout: default +--- + +# The Farmer's Dog Trivia Game + +![farmers-dog.png](assets/farmers-dog.png) + +**A Windows kiosk application designed to connect customers with the Farmer's +Dog experience.** Play the interactive trivia game, score points, and win swag! +I worked with [Walter Cheng](https://www.linkedin.com/in/walter-j-cheng/) to +plan out dependencies and requirements, set up the codebase, and implement the +screens for the app using React Native for Windows. + +"I’ve worked with Brendan for many years, and he is the first person I turn to +for web/app development. He’s knowledgeable and efficient, and his task +management skills make him an ideal project member." — Walter Cheng, project overseer + +[The Farmer’s Dog](https://thefarmersdog.com/){: .primary-action } +{: .horizontal-wrapper }