Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The IPL Auction Web App is designed to facilitate the auction of cricket players from the Indian Premier League (IPL), focusing exclusively on players who debuted after 2020. This web application will provide a seamless platform for users to participate in real-time auctions, view player statistics, and manage bids effectively.

## CORE FEATURES
1. **Player Listings**: Display a comprehensive list of players eligible for auction, including their statistics, teams, and auction prices. Users can filter and sort players based on various criteria such as skill level, team, and auction price.

2. **Live Auction Interface**: A real-time bidding system that allows users to place bids on players. This interface will update dynamically to reflect current bids and participant status.

3. **User Profiles**: Each user can create a profile to manage their bids, view auction history, and set preferences for notifications regarding player availability and auction status.

4. **Notifications and Alerts**: Users receive real-time notifications for bid updates, auction milestones, and player availability, ensuring they stay informed throughout the auction process.

5. **Analytics Dashboard**: An analytical view that summarizes user performance, including successful bids, player statistics, and insights into auction trends.

6. **Admin Panel**: A dedicated space for administrators to manage player listings, oversee auctions, and handle user accounts.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design characterized by clean lines and ample white space, creating an uncluttered interface that enhances user focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: The main layout will consist of a top navigation bar for easy access to features, a central area for player listings and auction activities, and a sidebar for additional filters and user profile shortcuts.
- **Typography**: Utilize a sans-serif font for a modern feel, with larger headings for player names and clear hierarchy for statistics and auction prices, ensuring legibility and a visually appealing text arrangement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for enhanced type safety and maintainability.
- **Styling**: Tailwind CSS to facilitate rapid design implementation and responsive layouts.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist design.
- **State Management**: Implement Zustand for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project using Create React App with TypeScript. Install Tailwind CSS and shadcn/ui for styling and UI components.
2. **Design Layout**: Create the main application layout with a top navigation bar, central auction area, and sidebar using Tailwind CSS for styling.
3. **Build Core Features**: 
   - Develop the Player Listings feature using a grid layout for displaying player cards.
   - Implement the Live Auction Interface with real-time updates using WebSocket or polling.
   - Set up User Profiles with authentication and management functions.
4. **Integrate Notifications**: Use a notification library to implement real-time alerts for user interactions during the auction.
5. **Develop Analytics Dashboard**: Create a dashboard component that aggregates user data and auction insights.
6. **Build Admin Panel**: Develop a separate admin interface for managing player data and auction processes.
7. **Testing and Optimization**: Perform thorough testing of all features, ensuring responsiveness across devices and optimizing performance.

## USER EXPERIENCE
Users will enter the app on a clean landing page featuring player listings. They can easily navigate through the auction process with an intuitive bidding interface. The dashboard will provide insights into their activity, and notifications will keep them updated on crucial auction events. The minimalist design will enhance focus and reduce distractions, ensuring a smooth and engaging user experience.