Move projects into separate pages and respective folders

projects/dont-wake-sandie/index.md

@@ -0,0 +1,23 @@
+---
+title: Don't Wake Sandie
+layout: default
+---
+
+# Don't Wake Sandie
+
+<iframe style="width: 100%; height: 400px; border-radius: 1px; pointer-events: auto; background-color: white;" src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7274629268624551936?compact=true" frameborder="0" sandbox="allow-scripts allow-popups allow-top-navigation-by-user-activation allow-forms allow-same-origin allow-storage-access-by-user-activation allow-popups-to-escape-sandbox" allowfullscreen=""></iframe>
+
+**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 }

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.** 
+## Hackathons
-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 }
+- [teech.ai](/projects/teech-ai-cal-hacks-12)
-[Join the TestFlight](https://testflight.apple.com/join/HbuHfUgW){: .secondary-action }
+    - Cal Hacks 12.0
-[Website](https://interchange.bchen.dev/){: .secondary-action }
+    - A tutoring app to make education more accessible, built with SwiftUI and Gemini Vision API.
-{: .horizontal-wrapper }
+- [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
 
-<iframe type="text/html" style="width: 100%; height: 400px; border-radius: 1px; pointer-events: auto; background-color: white;" src="https://www.youtube.com/embed/luVIdLB9id0?enablejsapi=1&amp;hl=en_US&amp;rel=0&amp;start=&amp;version=3&amp;wmode=transparent" allowfullscreen="allowfullscreen" frameborder="0" allowscriptaccess="always" webkitallowfullscreen="true" wmode="transparent" mode="transparent" class="video-embed"></iframe>
+- [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.
-**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
-
-<iframe style="width: 100%; height: 400px; border-radius: 1px; pointer-events: auto; background-color: white;" src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7274629268624551936?compact=true" frameborder="0" sandbox="allow-scripts allow-popups allow-top-navigation-by-user-activation allow-forms allow-same-origin allow-storage-access-by-user-activation allow-popups-to-escape-sandbox" allowfullscreen=""></iframe>
-
-**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 }

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 }

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 }

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 }

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 }

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)
+
+<iframe type="text/html" style="width: 100%; height: 400px; border-radius: 1px; pointer-events: auto; background-color: white;" src="https://www.youtube.com/embed/luVIdLB9id0?enablejsapi=1&amp;hl=en_US&amp;rel=0&amp;start=&amp;version=3&amp;wmode=transparent" allowfullscreen="allowfullscreen" frameborder="0" allowscriptaccess="always" webkitallowfullscreen="true" wmode="transparent" mode="transparent" class="video-embed"></iframe>
+
+**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 }

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 }