Recipe Finder App: Full-Featured Web Application with Food API
Description
Complete Recipe Finder Web Application
This prompt helps create a functional Recipe Finder using HTML5, CSS3, JavaScript and a food API. Perfect solution for culinary projects.
Who It's For
- Web developers learning JavaScript
- Creating pet projects for portfolio
- Freelancers working on culinary websites
Key Features
- Advanced search — filters by ingredients, cuisine, dietary restrictions
- Nutritional information — calories, macros, allergens with visualization
- Meal planning — calendar with drag-and-drop
- Cooking mode — step-by-step instructions with timers
- Offline access — saved recipes available without internet
>_ Prompt
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.