Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Cooking App is a web application designed to help users discover, follow, and complete recipes step-by-step with interactive guidance. It focuses on providing a seamless cooking experience, allowing users to create accounts, browse recipes, and receive personalized recommendations based on their location and preferences.

## CORE FEATURES
1. **Account Creation and Sign In**: Users can sign in or create an account using Google, Apple ID, or phone number verification. Preferences such as language and region are set up during the onboarding process.
   
2. **Main Dashboard**: After logging in, users access a dashboard displaying a grid of saved and recommended recipes, each with images, titles, ratings, and cooking times. A prominent “+” button allows for easy recipe addition and discovery.

3. **Recipe Discovery and Selection**: Users can search and browse recipes by name, ingredients, categories, and filters (difficulty level, cooking time, dietary needs). Each recipe card showcases essential details.

4. **Recipe Detail Page**: Selected recipes open a detailed view with full ingredient lists, cooking instructions, user ratings, and the option to save the recipe.

5. **Cooking Mode**: Users enter a guided cooking mode that presents cooking steps one at a time, with checklists, instructional videos, and built-in timers that alert users when cooking time is up.

6. **Completion and Feedback**: Users can rate recipes, leave feedback, and receive suggestions for similar recipes or improvements after cooking.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout includes a top area for the recipe feed, a floating “+” button for adding or discovering recipes, and a bottom navigation bar with sections for Home, Search, Account, and Settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing app state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install necessary dependencies, including Tailwind CSS and Redux.
2. **Create User Authentication**: Implement account creation and sign-in functionality using Firebase or a similar service for authentication.
3. **Develop Main Dashboard**: Build the main dashboard UI to display saved and recommended recipes, integrating the “+” button functionality for recipe addition and discovery.
4. **Implement Recipe Discovery**: Create the recipe discovery section, allowing users to filter and search recipes based on various criteria.
5. **Design Recipe Detail Page**: Develop the recipe detail page that includes ingredient lists, cooking instructions, and user reviews.
6. **Build Cooking Mode**: Create the guided cooking mode, ensuring that steps are displayed interactively, with checklists and timers.
7. **Feedback System**: Implement the feedback system for users to rate recipes and leave comments.

## USER EXPERIENCE
The app is designed to be simple and intuitive, allowing users to easily navigate from opening the app to selecting a recipe and cooking it with minimal friction. The interface is highly visual and interactive, providing step-by-step guidance suitable for both beginners and advanced users. Personalized recommendations and regional adaptations enhance the overall cooking experience.