Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Recipe Finder app is a web application designed to help users discover recipes based on the ingredients they have on hand. Users can easily filter through a variety of recipes, making meal preparation simpler and more efficient. The application will feature a clean and minimalist interface, focusing on usability and a smooth user experience.

## CORE FEATURES
1. **Ingredient Filter**: Users can input available ingredients to receive a curated list of recipes that match their criteria.
2. **Recipe Details**: Each recipe will feature ingredients, cooking instructions, and preparation time, allowing users to see everything they need at a glance.
3. **Save Favorites**: Users can save their favorite recipes for quick access, enhancing the app's usability for meal planning.
4. **Search Functionality**: A robust search feature that allows users to search for recipes by name or type, in addition to ingredient-based filtering.
5. **User Authentication**: Users can create accounts to manage their favorite recipes and personalized settings.
6. **Responsive Design**: The app will be fully responsive, ensuring a seamless experience across devices from mobile to desktop.

## 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 include a top navigation bar for filtering options, a central area displaying the recipe results, and a sidebar for user account management and favorite recipes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if complex state management is required)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for UI components.
3. **Create Components**: Develop reusable components such as Header, RecipeCard, and IngredientInput.
4. **Implement Routing**: Set up React Router for navigation between different views (e.g., home, favorites).
5. **Build the Filter Logic**: Implement the ingredient filtering logic, allowing users to input and filter recipes based on their available ingredients.
6. **User Authentication**: Set up user authentication using Firebase or another authentication service to manage user accounts.
7. **Styling**: Apply Tailwind CSS classes to ensure the app adheres to the minimalist design specifications.
8. **Testing**: Conduct thorough testing to ensure functionality across all components and user flows.
9. **Deployment**: Deploy the application using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Users will start on a clean homepage with a clear input field to enter their ingredients. The interface will display filtered recipes in a visually appealing card format, with options to save favorites or view detailed instructions. The navigation bar will allow users to easily switch between their saved recipes and the main search functionality. The design will ensure all interactions are intuitive, making it easy for users to find and save recipes that suit their needs.