Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MARS: OUTPOST is a scientifically accurate, interactive web application designed as a colony management and survival game set on Mars. This application allows players to establish and manage humanity's first research outpost, balancing resources and making engineering decisions to sustain human life on Mars.

## CORE FEATURES
1. **Colony Management**: Players can build and customize their Martian colony using available resources, managing life support, energy, and food production.
2. **Exploration Mechanics**: Players control astronauts and rovers to explore Mars, gather resources, and complete scientific missions.
3. **Real-Time Resource Simulation**: The application features a dynamic resource management system where players must continuously adapt to changing conditions and make strategic decisions.
4. **Educational Elements**: The game incorporates educational content seamlessly, teaching players about scientific principles and engineering concepts through gameplay.
5. **Mission-Based Gameplay**: Players progress through a series of missions that unlock new technologies and expansion opportunities for their colony.
6. **Environmental Challenges**: Unexpected events, such as dust storms and equipment failures, create dynamic challenges that require players to think critically and adapt their strategies.

## 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 main layout will feature a top navigation bar, a central interactive game area for colony management, and side panels for resource dashboards and mission objectives.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for state management)

## IMPLEMENTATION STEPS
1. **Set up Project Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling components.
3. **Create Layout Components**: Develop the main layout structure, including the navigation bar, main game interface, and side panels.
4. **Implement Core Features**:
   - **Colony Management**: Create components for building and managing colony structures.
   - **Exploration Mechanics**: Develop astronaut and rover control functionalities.
   - **Real-Time Resource Simulation**: Implement a system to track and simulate resource production and consumption.
   - **Educational Elements**: Integrate educational content into gameplay scenarios.
   - **Mission-Based Gameplay**: Create a system for mission tracking and completion.
5. **Design UI Components**: Use Tailwind CSS to style buttons, cards, and other UI elements according to the design specifications.
6. **Testing**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs encountered during playtesting.

## USER EXPERIENCE
Players will start by selecting a campaign mode and difficulty level. The main interface will present them with an isometric view of their colony, allowing for zooming and rotation. Players will interact with various elements through touch-friendly buttons, manage resources via a compact dashboard, and receive real-time feedback on their actions. Notifications for environmental events and mission objectives will guide players through the gameplay, ensuring an engaging and educational experience.