Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that suggests recipes for users' weekly meal plans. The app will provide personalized recipe recommendations based on user preferences and dietary restrictions, allowing users to create, modify, and save their weekly meal plans easily.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to save their preferences and meal plans.
2. **Recipe Suggestions**: The app will offer personalized recipe suggestions based on user-defined criteria like dietary preferences and available ingredients.
3. **Weekly Meal Planner**: Users can drag and drop suggested recipes into a weekly calendar to visualize their meal plans.
4. **Shopping List Generation**: Automatically generate a shopping list based on the selected recipes for the week.
5. **Recipe Search and Filters**: Users can search for recipes and apply filters for dietary restrictions, meal types, and prep time.
6. **User Feedback System**: Allow users to rate recipes and provide feedback to improve recommendations.

## 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 top navigation bar, a sidebar for filters, a central area for recipe displays, and a weekly planner section. The footer will include links to contact and about sections.

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

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create the authentication system**: Implement user registration and login functionality using Firebase or Auth0 for handling user accounts.
3. **Develop the recipe suggestion feature**: Create an API service to fetch recipes based on user preferences and dietary restrictions.
4. **Implement the weekly meal planner**: Design the drag-and-drop interface for users to arrange their meal plans visually.
5. **Add shopping list functionality**: Create logic to compile a shopping list from the selected recipes and display it in a user-friendly format.
6. **Test and refine the user experience**: Conduct user testing to gather feedback and improve the interface and functionality based on user interactions.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency. Users will first create an account to access personalized features. They will interact with a clean interface where they can easily browse recipes, drag and drop items into their meal planner, and generate shopping lists. The app will provide intuitive navigation, ensuring users can quickly find what they need, whether it's exploring new recipes or adjusting their meal plans. The overall design will maintain a minimalist aesthetic, providing a calm and organized environment for meal planning.