Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to generate weekly meal recipes for users. The app will allow users to input their dietary preferences and restrictions, providing customized meal plans that promote healthy eating and variety. The goal is to simplify meal planning and inspire users to try new recipes each week.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to save their preferences and recipes.
2. **Recipe Generator**: The core feature that generates weekly meal recipes based on user input, including dietary restrictions and preferred cuisines.
3. **Customizable Meal Plans**: Users can modify suggested meals, swap ingredients, or add their favorite recipes to the meal plan.
4. **Grocery List Creation**: Automatically generate a grocery list based on the selected recipes for easy shopping.
5. **Recipe Search and Filter**: Users can search for recipes based on ingredients, cooking time, or dietary needs.
6. **User Feedback and Ratings**: Users can rate recipes and provide feedback to enhance the recipe database and help others.

## 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 will feature a header with navigation, a hero section for the recipe generator, followed by sections for meal plans and grocery lists, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user state and preferences

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript, install Tailwind CSS for styling and shadcn/ui for UI components.
2. **Create Authentication Module**: Implement user authentication using Firebase or a similar service to handle user sign-up, login, and logout functionalities.
3. **Build Recipe Generator Component**: Create the logic for the recipe generator, including form inputs for dietary preferences and a function to generate recipes.
4. **Implement Meal Plan and Grocery List Features**: Develop components for displaying the generated meal plan and creating a grocery list based on selected recipes.
5. **Create Recipe Search Functionality**: Implement a search feature that allows users to filter recipes based on specific criteria.
6. **Add User Feedback System**: Create a system for users to rate recipes and leave comments, storing this data in a database for future use.
7. **Responsive Design**: Ensure the application is optimized for both desktop and mobile devices, allowing for a seamless user experience across all platforms.

## USER EXPERIENCE
The application will provide a straightforward user journey starting from account creation to generating personalized meal plans. Users will interact with an intuitive interface, where they can easily input preferences, view generated recipes, and manage their meal plans. The design will focus on usability, ensuring that essential features are easily accessible and that users can navigate through the application without confusion. The responsive design will adapt to various screen sizes, maintaining usability across devices.