Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
SniperGPT is a web application designed to generate real-time predictions for the Lucky Jet casino game. By leveraging API data, the app calculates odds and trends, allowing users to make informed betting decisions without restrictions. The focus is on providing an intuitive user experience with a clean and minimalist interface.

## CORE FEATURES
1. **Real-Time Odds Calculation**: Automatically fetches and computes the latest odds based on game trends using integrated APIs.
2. **Trend Analysis**: Visualizes historical data and trends to help users make better predictions based on past performance.
3. **Interactive Dashboard**: A user-friendly dashboard displaying current odds, trends, and prediction analytics in a clean layout.
4. **Custom Alerts**: Users can set alerts for specific odds thresholds, ensuring they receive notifications when conditions are favorable for betting.
5. **User Profiles**: Allows users to create and manage profiles to track their betting history and preferences.
6. **Community Insights**: A section for users to engage with others and share insights, tips, and predictions.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focusing on simplicity and clarity, with ample white space to enhance readability.
- **Color Mode**: Light theme featuring dark text on light backgrounds, promoting a clean and unobtrusive user interface.
- **Layout**: A single-page layout with a top navigation bar, a central dashboard area for statistics and trends, and a sidebar for user alerts and community insights. Elements should be well-spaced to avoid clutter.
- **Typography**: Use a modern sans-serif font for headings and body text (e.g., Inter or Roboto). Ensure a clear hierarchy with larger font sizes for headings and a consistent font weight for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: Built using React with TypeScript for type safety and improved developer experience.
- **Styling**: Utilize Tailwind CSS for a responsive and utility-first approach to styling.
- **UI Components**: Implement shadcn/ui for pre-designed UI components that align with the minimalist aesthetic.
- **State Management**: Consider using Zustand or Redux for state management to handle user profiles and real-time data updates effectively.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create API Service**: Develop a service to fetch real-time odds and trends from the Lucky Jet API.
4. **Build Components**: Design and implement the core components (Dashboard, Alerts, User Profile) using Tailwind CSS for styling.
5. **Integrate State Management**: Set up Zustand or Redux to manage global state for user profiles and real-time data.
6. **Implement User Authentication**: Allow users to create accounts and save preferences, using JWT for secure authentication.
7. **Test Responsiveness**: Ensure the application is fully responsive, adjusting layouts for different screen sizes.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for easy deployment and continuous integration.

## USER EXPERIENCE
Users will interact with the application primarily through the dashboard, where they can view real-time odds and trends. The interface will allow for seamless navigation between different sections, such as setting alerts and checking community insights. Key interactions include selecting odds thresholds for alerts, viewing historical trend graphs, and participating in community discussions. The minimalist design ensures that users can focus on the data without distractions, enhancing their overall experience.