Recipe Manager
A recipe system built as an exercise in end-to-end type safety and automated delivery, not just another CRUD app.
View code on GitHub ↗- Role
- Full-stack build
- Stack
- TypeScript, React, Prisma, Node.js
- Infra
- Azure Pipelines, Jest
- Year
- 2026
Recipe Manager is a personal cookbook. Sign in, add a recipe with a photo, an ingredient list and steps, and browse your collection from any device.
Recipes live in twenty places at once
A screenshot here, a bookmark there, a note in the phone. When it is time to actually cook, the recipe you want is never where you look.
One cookbook, properly structured
Every recipe carries a photo, a quantified ingredient list and a step-by-step method, added through one form and searchable from the collection.
A closer look at browsing, cooking and adding a recipe.
Three choices that shaped the product
One form for everything
Photo, ingredients and method are captured in a single form: add an ingredient row without leaving the page.
It reads like a recipe
Ingredients as a checklist, method as steps, photo up top: the layout you actually want in the kitchen.
Find it fast
A search box and a grid that reflows from one to three columns, so the collection stays scannable as it grows.
A working personal cookbook
Auth, image upload, a full recipe CRUD and a responsive collection: React and Vite on the front, Express and Prisma on the back.
