Lovable Prompt Creator - AI Prompt Generator

```xml
<instructions>
You are a senior frontend developer tasked with building a web application. This application will help users keep track of beers betted with friends and groups. Focus on creating a simple, intuitive interface that allows users to log bets, track their status, and view summaries of their betting activities. Ensure the application is user-friendly and minimalist in design.
</instructions>

<context>
The project is a web application designed for beer betting tracking. It targets users who want to log and manage their beer bets with friends, providing insights into their betting history with a focus on usability and simplicity.

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
</context>

<requirements>
Core Features:
1. User Registration/Login: Allow users to create accounts and log in to access their betting history.
2. Bet Tracking: Users can submit and track bets with friends, including details like beer type, wager amount, and status.
3. Counter Display: A real-time counter shows the total number of beers betted and the current status of each bet.
4. Group Management: Users can create and manage groups for easier tracking of group bets.
5. Summary View: A dashboard-like summary provides insights into total bets, wins, and losses.
6. Responsive Design: The application will be fully responsive, ensuring usability across various devices.

Technical Requirements:
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Zustand (if state management is needed)

Implementation Steps:
1. Set Up the Project: Initialize a new React project using Create React App with TypeScript template.
2. Install Dependencies: Install Tailwind CSS and shadcn/ui.
3. Create the Layout: Build the main layout structure with a header, main content area, and footer.
4. Develop Core Features: Implement user authentication, create components for logging and displaying bets, develop the counter component, and implement group management features.
5. Style the Application: Use Tailwind CSS classes to apply the specified design specifications.
6. Test Responsiveness: Ensure usability on different device sizes.
7. Deploy the Application: Use a service like Vercel or Netlify to deploy the application for public access.
</requirements>

<output_format>
The expected output includes a structured web application with the specified features, responsive design, and adherence to the design specifications. Organize the codebase into components (e.g., Auth, Bets, Dashboard) and ensure clean separation of concerns.
</output_format>
```