Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Beer App is a web application designed for beer enthusiasts to rate, compare, and review various beers. It will provide users with a platform to explore different beers, view pricing information, and share their experiences with the community, similar to Vivino for wine. The app will focus on user engagement and a clean, minimalist design to enhance the user experience.

## CORE FEATURES
1. **Beer Rating System**: Allow users to rate beers on a scale of 1 to 5 stars and provide written reviews.
2. **Price Comparison**: Users can view and compare prices for different beers from various retailers.
3. **Beer Database**: A searchable database of beers where users can find detailed information including descriptions, alcohol content, and brewing details.
4. **User Reviews**: A community-driven section where users can read and write reviews on different beers.
5. **Favorites List**: Users can save their favorite beers for quick access and future reference.
6. **Social Sharing**: Integration with social media platforms to allow users to share their favorite beers and reviews.

## 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 central content area displaying featured beers and user interactions, and a sidebar for filtering options and user favorites. Footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user data and beer ratings.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript. Install Tailwind CSS and configure for use.
2. **Create Components**: Develop key UI components such as Navbar, BeerCard, RatingComponent, and ReviewForm using shadcn/ui.
3. **Set Up Routing**: Use React Router for navigation between different views (home, beer details, user favorites).
4. **Set Up State Management**: Implement React Context API to manage global state for user ratings and favorites.
5. **Integrate APIs**: If applicable, integrate with third-party APIs for beer data and pricing information.
6. **Design Layout**: Implement the minimalist design layout using Tailwind CSS, ensuring responsiveness across devices.
7. **Testing**: Conduct thorough testing to ensure user interactions, ratings, and comparisons function correctly.
8. **Deployment**: Prepare the application for deployment on a web hosting platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will have a seamless experience navigating the app with a clean interface. They can easily search for beers, leave ratings and reviews, and compare prices with just a few clicks. The minimalist design will keep the focus on the content, ensuring that interactions feel intuitive and engaging. Responsive design will ensure usability across all device sizes, enhancing accessibility for all users.