Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is an engaging browser-based bike game that combines shooting mechanics with competitive scoring. Players navigate a virtual environment on bikes, shooting targets while aiming for high scores. The minimalist design ensures that players can focus on gameplay without distractions.

## CORE FEATURES
1. **Game Mechanics**: Players control a bike to navigate through obstacles while aiming and shooting at targets to score points.
2. **Scoring System**: A dynamic scoring system that tracks player performance, displaying scores in real-time during gameplay.
3. **Leaderboard**: A competitive leaderboard showcasing the top scores, encouraging users to improve their performance.
4. **Responsive Design**: The game will be fully responsive, ensuring a seamless experience across various devices and screen sizes.
5. **User Profiles**: Players can create and manage profiles to track their scores and achievements over time.
6. **Settings Menu**: Options for users to adjust game settings such as sound effects, controls, and difficulty levels.

## DESIGN SPECIFICATIONS
- **Visual Style**: A minimalist approach featuring a clean, simple design with ample white space to enhance readability and focus. The interface will prioritize essential gameplay elements.
- **Color Mode**: A light theme utilizing dark text on light backgrounds to maintain clarity and visual comfort.
- **Layout**: The main layout will consist of a full-screen game area with a top navigation bar displaying the score and leaderboard links. A settings button will be positioned in the top right corner.
- **Typography**: Use a modern sans-serif font such as 'Roboto' for primary text to ensure legibility, with larger sizes for headings and scores to create a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable application.
- **Styling**: Tailwind CSS for rapid UI development and consistent styling.
- **UI Components**: Utilize shadcn/ui for accessible and customizable UI components.
- **State Management**: Implement Zustand or React Context API for efficient state management throughout the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize the React project using Create React App with TypeScript and install Tailwind CSS.
2. **Design the Game Canvas**: Create a full-screen canvas component where the game will be rendered.
3. **Implement Bike and Shooting Mechanics**: Develop the bike control logic and shooting functionality, integrating event listeners for keyboard inputs.
4. **Build Scoring System**: Create a scoring module to calculate and display points based on user actions during gameplay.
5. **Develop Leaderboard Feature**: Implement a leaderboard component that fetches and displays scores from a backend service.
6. **Create User Profiles**: Set up user authentication and profile management with local storage or a backend.
7. **Design Settings Menu**: Develop a settings component where users can customize their gameplay experience.
8. **Ensure Responsiveness**: Utilize Tailwind CSS's responsive utilities to make the layout adaptable to various screen sizes.
9. **Test and Optimize**: Thoroughly test the game for bugs and optimize performance for a smooth user experience.

## USER EXPERIENCE
Players will begin by landing on the main game page, where they can see their current score displayed prominently. They will use keyboard controls to maneuver their bike and shoot targets. Throughout the game, scores will update in real-time, and players can pause the game to access the settings or view the leaderboard. User profiles will allow players to track their scores across sessions, fostering a competitive spirit and encouraging repeated play. The minimalist design will ensure that players remain focused on the gameplay while enjoying a clean and enjoyable interface.