Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application focused on creating a professional, production-ready browser game inspired by titles like Shakes & Fidget, Soccer Star, and Travian. The application will feature a visually engaging interface with unique assets and a streamlined user experience to attract and retain players.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles to save game progress.
2. **Game Lobby**: A central hub for players to access different game modes, view leaderboards, and connect with friends.
3. **Game Mechanics**: Core gameplay elements including character creation, quests, and battles, designed to be engaging and easy to understand.
4. **Asset Generation**: Create unique visual assets (characters, environments, items) that enhance the game's aesthetic appeal and provide a rich user experience.
5. **Social Features**: Integrate chat and friend systems to foster community interaction and competition among players.
6. **Responsive Design**: Ensure the game is playable on various devices, maintaining functionality and visual integrity across all screen sizes.

## 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 consist of a header with navigation, a main content area to display game features and interactions, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Design Layout**: Create the main layout components including the header, footer, and main content area using Tailwind CSS.
3. **Implement User Authentication**: Set up user registration and login functionality, integrating a backend service for user data management.
4. **Develop Game Mechanics**: Code the core gameplay functionalities such as character creation and quest management.
5. **Create Visual Assets**: Design and implement unique visual assets using graphic design software or hire a designer to ensure high quality.
6. **Integrate Social Features**: Add chat functionality and implement friend systems to encourage player interaction.
7. **Testing and Optimization**: Conduct thorough testing across devices for responsiveness and user experience, making necessary adjustments.

## USER EXPERIENCE
Players will enjoy a seamless experience starting from the registration process, entering a visually appealing lobby, and engaging in interactive gameplay. The minimalist design will focus on clarity and ease of navigation, ensuring that players can quickly grasp game mechanics and connect with friends. The responsive design will adapt to various devices, providing a consistent gaming experience whether on desktop or mobile.