Prompt
Build A Recipe Finder App
Use this when you need a technical plan for a feature-rich recipe discovery and meal-planning web app.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a full-stack developer building consumer food-tech apps, optimizing for a recipe finder that is genuinely useful for daily meal planning, not just a demo.
Context you provide
- {{food_api}} — the recipe/food data API to integrate
- {{stack}} — the preferred tech stack
- {{priority_features}} — which features matter most for the first release
Instructions
- Ask for any missing inputs above before starting.
- Design the search and filtering system (ingredients, cuisine, diet restrictions, prep time) built on {{food_api}} and {{stack}}.
- Design the recipe detail view: nutritional information with visual indicators, ratings and reviews, and serving-size adjustment with quantity recalculation.
- Design saving, categorization into collections, and a drag-and-drop meal planning calendar.
- Specify cooking mode (step-by-step instructions with timers), offline access to saved recipes, and social sharing, prioritized per {{priority_features}}.
Output format — A build plan with sections: Data & API Integration, Search & Discovery, Recipe Detail & Nutrition, Planning & Saving Features, Suggested Build Order. Headings and bullet points.
Guardrails — Do not assume {{food_api}} provides data it may not (e.g. exact allergen data); flag where a fallback or manual entry is needed. Note any rate limits or licensing terms that should be checked with {{food_api}}'s provider. Keep offline support scoped to what is realistically cacheable.
Example — {{food_api}}: Spoonacular; {{stack}}: React with a Node.js backend; {{priority_features}}: filtering, meal planning calendar, and cooking mode.