Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a strategic simulation game, where users can select a country to conquer the world by strengthening their military, developing industries, and supporting rebel groups in other nations. The application aims to provide a more realistic map and graphics than the original game, "Dictators: No Peace," creating an immersive gaming experience.

## CORE FEATURES
1. **Country Selection**: Users can choose from a variety of countries to start their conquest, each with unique strengths and weaknesses.
2. **Military Development**: A feature that allows users to allocate resources to build and upgrade their military units for better defense and attack capabilities.
3. **Industry Growth**: Users can invest in various industries to generate resources that can be used for military and strategic advancements.
4. **Support for Rebel Groups**: Users can engage in covert operations to assist rebel factions in other countries, influencing their political landscapes.
5. **Realistic Map and Graphics**: Enhanced visual elements provide a more immersive experience, featuring a detailed world map with dynamic updates based on user actions.
6. **User Dashboard**: A personal dashboard where users can track their progress, resources, and strategic options.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on clear typography and intuitive navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a pleasant user experience.
- **Layout**: 
  - **Header**: Contains the game title, user profile icon, and a navigation menu.
  - **Main Area**: The central game map with interactive elements for country selection and military actions.
  - **Sidebar**: Displays user stats, resources, and ongoing missions.
  - **Footer**: Links to support, FAQs, and contact information.
- **Typography**: 
  - Headings: Use of a bold sans-serif font for clarity and impact (e.g., 'Montserrat').
  - Body Text: A clean, readable sans-serif font (e.g., 'Roboto') for better legibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and type-safe development.
- **Styling**: Tailwind CSS for scalable and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-designed, customizable components that fit the minimalist aesthetic.
- **State Management**: Implement Redux or React Context API for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux).
2. **Design the layout structure**: Create the main components (Header, Main Area, Sidebar, Footer) and establish the routing.
3. **Implement the country selection feature**: Create a data structure for countries and build the user interface for selection.
4. **Develop military and industry management features**: Build components for upgrading military units and investing in industries.
5. **Integrate the map and graphics**: Use a mapping library to display a realistic world map and implement dynamic interactions.
6. **Create the user dashboard**: Develop a dashboard to display user stats, resources, and mission progress.
7. **Apply styling with Tailwind CSS**: Ensure all components are styled according to the minimalist design specifications.
8. **Test the application**: Conduct thorough testing for usability and functionality, ensuring a smooth user experience.
9. **Deploy the application**: Choose a hosting platform (e.g., Vercel or Netlify) and deploy your web application.

## USER EXPERIENCE
Users will begin by selecting their desired country on the interactive map, which will trigger a detailed view of that country's current status. They will navigate through their dashboard to manage resources, develop their military, and engage with other countries strategically. Key interactions include clicking on countries to view their details, dragging to allocate resources, and receiving real-time feedback on their decisions through visual updates on the map and dashboards. The focus on responsive design ensures a seamless experience across various devices.