Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is an interactive web application designed as an idle space exploration game, reminiscent of "Unnamed Space Idle" and incorporating elements from No Man's Sky. Players will engage with game mechanics involving lootboxes, gears, and resource management, all within a clean and minimalist interface that enhances user engagement and retention.

## CORE FEATURES
1. **Idle Resource Generation**: Players can generate resources automatically over time, providing a continuous gameplay experience.
2. **Lootboxes & Gear System**: Introduce a lootbox mechanic that rewards players with unique gear and items, enhancing gameplay and customization.
3. **Exploration Mechanic**: Allow players to explore different planets and gather resources, with a visually appealing interface for planet selection.
4. **Upgradable Equipment**: Players can upgrade their gear and spacecraft using collected resources, providing a sense of progression and achievement.
5. **User Profile Management**: Enable users to create accounts, save their progress, and manage their in-game assets.
6. **Achievements and Leaderboards**: Implement a system for tracking achievements and displaying leaderboards to foster competition among players.

## 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.
- **Layout**: The layout will be structured with a top navigation bar, a main content area for the game, a sidebar for user stats and upgrades, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-based styling.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI components.
- **State Management**: Use React Context API or Zustand for managing game state and user profiles.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Structure the File System**: Organize the project into components, pages, and assets.
3. **Create Core Components**: Develop the main components including the navigation bar, game area, lootbox interface, and gear management.
4. **Implement Game Logic**: Code the idle mechanics, resource generation, and lootbox functionality.
5. **Build User Authentication**: Set up user registration and login functionality to manage profiles and save game progress.
6. **Design and Implement UI**: Use Tailwind CSS to style components according to the specified design guidelines.
7. **Test and Optimize**: Conduct thorough testing for responsiveness, usability, and performance optimization.
8. **Deploy the Application**: Choose a hosting service (e.g., Vercel or Netlify) to deploy the application for public access.

## USER EXPERIENCE
Players will enjoy a seamless experience with intuitive navigation and engaging interactions. The game will feature clear feedback on actions (e.g., collecting resources, opening lootboxes) and visually appealing animations to enhance the idle mechanics. Users will be able to easily manage their profiles, track their progress, and enjoy the exploration aspect of the game through a well-structured interface that invites continued play.