Proof
Full-stack recipe PWA with AI-assisted import and real-time cross-device timers.
- Year
- 2026
- Category
- software
Stack
- Problem
- Often, when I am trying to bake, I like to take photos of my food and make changes to recipes that I am making.
- Approach
- Full-stack progressive web app (PWA) with MongoDB/React.
- Result
- 99 automated tests across 22 test files guard the app, which runs to 40 React components and roughly 9,000 lines across client and server, on 31 runtime dependencies.
How it works
The problem
Often, when I am trying to bake, I like to take photos of my food and make changes to recipes that I am making. While other online recipe books do exist, they were either behind a paywall, or did not have features that I wanted like photo storage, 1-off recipe corrections, and ease-of-use features. I made this website to not only store my recipes, but also easily look at them while baking with hands-free features and sharing posts of baked goods I created.
Architecture
Full-stack progressive web app (PWA) with MongoDB/React. Real-time cross-device sync via Socket.io. Gemini API handles extracting and restructuring recipe data from scraped URLs.
What did not work
Originally, got too trigger happy with adding features without considering ease of use. While on computer using the app was fine, using the app on mobile (the intended usage) was very cramped and bloated, making it hard to work with. This required UI and feature revision to ensure that the app stays clean on mobile and computer.
Measured results
99 automated tests across 22 test files guard the app, which runs to 40 React components and roughly 9,000 lines across client and server, on 31 runtime dependencies.
Post-mortem
Still in progress, no post-mortem yet.