Recipe Box
Your recipes, searchable by what's actually in the fridge.
IntermediateWeb appProductivity10–20hAI-buildable 5/5no setupworth shipping
A personal recipe collection where the killer feature is reverse search: enter the ingredients you have and rank recipes by how few extra things you'd need to buy. That ranking is a small but genuinely useful matching problem.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Add recipes with ingredients, steps and timings
- Search by title, ingredient or tag
- Reverse search ranks recipes by fewest missing ingredients
- Ingredient names normalise so variants match
- A cook mode shows steps large with the screen kept awake
- Servings scale the ingredient quantities
- Recipes export and import as JSON
The interesting part
- Normalising ingredient names so 'spring onion' and 'scallion' match
- Ranking by missing ingredients with sensible weighting for staples
- Keeping the screen awake during cook mode
Once it works
- Generate a shopping list from selected recipes
- Add meal planning across a week
- Add import by pasting a recipe URL
Suggested stack
reacttypescripttailwindfuse.jslocalstorage