Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the exchange of simple, high-quality meat recipes among users. The platform will serve as a community hub where users can share, discover, and save easy-to-make recipes that highlight premium meat products, encouraging a culinary experience that is both accessible and gourmet.

## CORE FEATURES
1. **User Registration and Profiles**: Users can create accounts to save their favorite recipes, follow other users, and contribute their own recipes.
2. **Recipe Sharing**: Users can easily upload, share, and categorize their own recipes with detailed instructions and ingredients.
3. **Recipe Discovery**: A search and filter functionality allows users to explore recipes by categories, ingredients, and popularity.
4. **Community Interaction**: Users can comment on and rate recipes, fostering a social environment for feedback and recommendations.
5. **Bookmarking**: Users can bookmark their favorite recipes for quick access later.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 featured recipes, a grid display of recipes, and a footer with contact information and social links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Create Folder Structure**: Organize the project into components, pages, and styles folders for better maintainability.
3. **Design Components**: Build reusable components such as buttons, cards, and forms using Tailwind CSS for styling.
4. **Implement Routing**: Set up React Router for navigation between different sections of the application (home, recipe details, user profile).
5. **Develop Core Features**:
   - **User Authentication**: Implement user registration and login functionality.
   - **Recipe Management**: Create forms for users to add and edit recipes.
   - **Display Recipes**: Develop a grid or list view to display all recipes with filters and search functionality.
6. **Integrate Community Features**: Add functionalities for commenting, rating, and bookmarking recipes.
7. **Responsive Testing**: Ensure the application is fully responsive and optimize for mobile and tablet views.
8. **Deploy**: Choose a hosting service (like Vercel or Netlify) for deployment and set up continuous integration.

## USER EXPERIENCE
Users will first land on a clean, inviting homepage showcasing featured recipes and an easy-to-navigate menu. They can quickly register or log in to access personalized features. The recipe discovery process will be intuitive, with filtering options that allow users to find exactly what they need. Once they find a recipe, they can view details, leave comments, or bookmark it for later, all while enjoying a minimalist interface that prioritizes usability and aesthetics.