Challenge
Recipe sites often bury the useful content, while manually rewriting recipes makes a personal collection difficult to maintain.
Recipe Collection
AI-Powered Recipe Manager & Generator
Back to selected work01 02 03 04
Case study
Overview
Born from frustration with ad-heavy recipe blogs, I just wanted the recipe, not someone's life story. This AI-powered solution cuts through the noise instantly.
Role
Product designer and full-stack engineer
Approach
Combined structured recipe editing with AI-assisted URL extraction and generation, then added version history, unit conversion, nutrition estimates, and origin metadata.
Outcome
Reduced recipe capture from a manual transcription task to a guided import and review flow.
Key Features
AI-Powered URL Import
Paste any recipe URL and Llama-4 AI extracts ingredients, steps, and nutrition—stripping away ads and blog fluff automatically
AI Recipe Generator
Just type a dish name (like "Pad Kra Pao") and get a complete recipe with ingredients, instructions, origin story, and estimated nutrition
AI Nutrition Calculator
Automatically estimates calories, protein, carbs, and fats per serving based on ingredients
Version History
Track every modification with full version control
Unit Conversion
Seamlessly switch between metric and imperial units across all ingredients
Origin Tracking
Organize recipes by country and region to explore world cuisines
Reflection
AI is most useful when it removes tedious setup while leaving the user in control of the final structured content.
Links
Tech Stack
Next.jsTypeScriptFluent UI v9Node.jsExpressLlama-4 AIFirebase
Project Info
Status
Completed
Category🌐 web
Started2025-12
Contribution
Product designer and full-stack engineer