Generates code for a full-featured recipe finder web app.
Create a recipe finder application using HTML5, CSS3, JavaScript and a food API. Build a visually appealing interface with food photography and intuitive navigation. Implement advanced search with filtering by ingredients, cuisine, diet restrictions, and preparation time. Add user ratings and reviews with star system. Include detailed nutritional information with visual indicators for calories, macros, and allergens. Support recipe saving and categorization into collections. Implement a meal planning calendar with drag-and-drop functionality. Add automatic serving size adjustment with quantity recalculation. Include cooking mode with step-by-step instructions and timers. Support offline access to saved recipes. Add social sharing functionality for favorite recipes.
This prompt directs an AI to create a recipe finder application using HTML5, CSS3, JavaScript, and a food API. It produces a complete web interface with advanced search, ratings, nutrition details, meal planning, and offline support. The result is a ready-to-run frontend prototype for managing and discovering recipes.
The AI returns a single HTML file containing styled search filters, recipe cards with star ratings, a nutrition dashboard, and a drag-and-drop calendar for weekly meal plans.
No, it generates placeholder code that requires you to add your own food API credentials.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.