Recipe Finder

Improved prompt:

Design and implement a comprehensive recipe application using modern web technologies, targeting a diverse user base seeking easy-to-use, visually appealing recipe management. Your application should utilize HTML5 for structure, CSS3 for responsive and mobile-first design, and JavaScript (ES6 or later) for interactive functionality. Integrate a reliable third-party food API to fetch a wide range of recipes.

Create a clean, intuitive, and visually engaging user interface with a focus on high-quality food photography. Ensure the design is responsive and optimized for various screen sizes, including mobile devices. Implement a clear navigation menu that makes it easy for users to access different sections of the application.

Develop an advanced search engine with multiple filtering options to help users find recipes tailored to their preferences:

• Ingredients: Allow users to search for recipes containing specific ingredients or exclude certain ones.
• Cuisine types: Enable filtering by various international cuisines.
• Dietary restrictions: Support filters for gluten-free, vegan, vegetarian, low-fat, low-carb, and other common restrictions.
• Preparation time: Let users specify a time range for easy meal planning.

Implement a user rating and review system for each recipe, featuring a 5-star rating scale. Include functionality for users to leave reviews and view the average rating and number of reviews for each recipe.

Provide detailed and accurate nutritional information for each recipe, including calories, macronutrients (protein, carbohydrates, fats), and key allergens. Use visual indicators, such as color-coding or iconography, to highlight important nutritional aspects.

Develop a robust recipe saving and categorization feature. Allow users to save recipes to their personal collections and organize them into custom folders or categories. Ensure the saved recipes are accessible offline for convenience.

Create a meal planning calendar that allows users to schedule recipes for specific days. Implement drag-and-drop functionality to easily move recipes between dates. Consider including visual indicators for upcoming meals.

Implement automatic serving size adjustment. When a user changes the number of servings, recalculate the ingredient quantities and nutritional information in real-time. Provide clear visual feedback for the adjustments made.

Add a cooking mode with step-by-step instructions and integrated timers. Display high-quality images and clear text for each step. Include interactive timers for tasks like simmering or resting.

Ensure the saved recipes are accessible offline, even when the user is not connected to the internet. Utilize service workers or other caching mechanisms to store the necessary data locally.

Integrate social sharing functionality for favorite recipes. Allow users to easily share recipes they love on popular social media platforms, email, or via copy links. Consider including pre-written posts or captions to encourage sharing.

Throughout the application, pay close attention to performance optimization. Minimize load times, reduce API requests, and ensure smooth interaction across all pages.

The final output should be a polished, user-friendly recipe application that stands out in the market for its ease of use, visual appeal, and comprehensive features. Please provide a detailed technical specification and a wireframe or mockup showcasing the key features and user interface design.

[/SYSTEM_PROMPT]