Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a game designed to create a fun and engaging co-op loot and panic game, branded as "friendslop." It allows players to team up in online rooms, enhancing group interactions and repeat playability. The game will be vibrant and cartoonish, aiming for a professional appeal suitable for distribution on Steam.

## CORE FEATURES
1. **Online Multiplayer Rooms**: Players can create and join online rooms to team up with friends for cooperative gameplay, enhancing social interaction and fun.
2. **Loot System**: A dynamic loot generation system that rewards players with unique items and power-ups, encouraging exploration and teamwork.
3. **Panic Challenges**: Incorporate spontaneous challenges that require quick thinking and teamwork, keeping gameplay exciting and unpredictable.
4. **User Profiles**: Players can create profiles, track their achievements, and customize their in-game avatars to enhance personal investment in the game.
5. **Leaderboards**: Competitive leaderboards to showcase top players and teams, fostering a friendly competitive environment among friends.
6. **In-Game Chat**: A chat system to facilitate communication among players during gameplay, enhancing collaboration and strategy formulation.

## 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**: A clean layout with a central hero section showcasing the game, followed by feature highlights, testimonials, and a prominent call-to-action (CTA) button for downloading or joining.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Game Room Component**: Develop a component for players to create and join rooms, ensuring a seamless user experience.
3. **Implement Loot and Panic Logic**: Code the logic for loot generation and panic challenges, ensuring they are fun and integrate well with multiplayer aspects.
4. **Design User Profiles**: Create a user profile component to track achievements and customize avatars.
5. **Develop Leaderboard System**: Implement a leaderboard that updates in real-time based on player performance.
6. **Integrate In-Game Chat**: Create a simple chat interface that allows players to communicate during gameplay.
7. **Testing**: Conduct thorough testing for bugs, ensuring the game is stable and enjoyable to play.
8. **Deployment**: Prepare the application for deployment on Steam, following their guidelines for game submissions.

## USER EXPERIENCE
Players will have an intuitive experience from the moment they enter the application. They will be greeted by a vibrant hero section that introduces the game, followed by easy navigation to create or join rooms. The loot and panic mechanics will be seamlessly integrated into gameplay, ensuring that players feel engaged and excited. The leaderboard and user profile features will enhance the competitive aspect, while the chat system will promote teamwork and strategy among friends. The overall minimalist design will keep the focus on gameplay, ensuring a fun and memorable experience.