Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Lucky Jet Préditor is a web application designed to predict coefficients for the Lucky Jet game using a simple and intuitive interface. The application leverages real-time data from the Lucky Jet API, providing users with valuable insights to enhance their gaming experience.

## CORE FEATURES
1. **Real-Time Data Display**: Fetch and display real-time game state data from the Lucky Jet API, allowing users to make informed predictions.
2. **Coefficient Predictions**: Implement a prediction algorithm that analyzes historical data and displays predicted coefficients for upcoming game rounds.
3. **User-Friendly Dashboard**: A minimalist dashboard that presents key information clearly and concisely, focusing on usability.
4. **Historical Data Insights**: Allow users to view and analyze historical game data, enhancing their understanding of patterns and trends.
5. **Responsive Design**: Ensure that the application is fully responsive, providing an optimal experience across various devices, including desktops, tablets, and mobile phones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple layout that emphasizes usability. The application should feature ample white space to avoid clutter and enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds for improved contrast and legibility.
- **Layout**: 
  - A top navigation bar for easy access to different sections of the application.
  - A central dashboard area displaying real-time data and predictions.
  - A sidebar for navigation to historical data and insights.
- **Typography**: 
  - Primary font: Montserrat, with a hierarchy that emphasizes headings (700 weight), subheadings (600 weight), and body text (400 weight).
  - Use appropriate line heights and spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and easier maintenance.
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and accessible UI components.
- **State Management**: Consider using React Context API or Redux, depending on the complexity of state management required.

## IMPLEMENTATION STEPS
1. **Set Up Your Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for your project.
   - Install shadcn/ui and any other necessary dependencies.

2. **Create API Service**:
   - Set up a service to handle API calls to the Lucky Jet API using `axios` or the Fetch API.
   - Ensure proper error handling and response parsing.

3. **Build Core Components**:
   - Create reusable components for the dashboard, navigation bar, and historical data views.
   - Implement a component for displaying real-time data and predictions.

4. **Implement State Management**:
   - Set up state management to handle application state, including user data and API responses.
   - Use hooks like `useState` and `useEffect` to manage data fetching and component lifecycle.

5. **Design the Layout**:
   - Use Tailwind CSS to create a responsive layout that adapts to different screen sizes.
   - Ensure that all components are styled according to the minimalist design principles.

6. **Test and Refine**:
   - Test the application across different devices and browsers to ensure a consistent user experience.
   - Refine the UI and interactions based on user feedback.

## USER EXPERIENCE
The application should focus on seamless user interactions, allowing users to easily navigate through real-time predictions and historical data. Key user flows include:
- **Dashboard Interaction**: Users should be able to view live data and predictions at a glance, with clear visuals indicating the predicted coefficients.
- **Historical Data Access**: Users can easily navigate to historical data insights, with intuitive charts and graphs that enhance their understanding of trends.
- **Mobile Responsiveness**: Ensure that all features are accessible and usable on mobile devices, with touch-friendly elements and optimized layouts.

By following these guidelines, the Lucky Jet Préditor application will provide a user-friendly, efficient, and visually appealing experience for users looking to enhance their gameplay through data-driven insights.