Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application inspired by "Roblox," focusing on a platform where users can create, share, and play games. The application will provide users with an interactive environment to explore user-generated content while emphasizing a clean, minimalist design for an engaging user experience.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Game Creation Tools**: Provide a set of intuitive tools for users to create and publish their own games within the platform.
3. **Game Library**: A searchable and filterable library where users can browse, play, and rate games created by others.
4. **Social Features**: Enable users to follow friends, send messages, and share games to foster community interaction.
5. **Leaderboards and Achievements**: Track player progress and showcase top performers in various games to encourage competition.
6. **In-App Purchases**: A system to support the sale of game assets and upgrades, allowing creators to monetize their work.

## 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 have a top navigation bar, a prominent hero section for featured games, a grid layout for the game library, and separate sections for user profiles and social interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and game state.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create the Core Components**: Develop reusable UI components such as buttons, cards, and navigation bars using shadcn/ui.
3. **Implement Authentication**: Set up user authentication with email/password and social logins using Firebase or a similar service.
4. **Build Game Creation Tools**: Develop the interface for users to create and edit their games, including asset uploads and game mechanics.
5. **Develop the Game Library**: Create a searchable database to display user-generated games, including filtering and sorting options.
6. **Integrate Social Features**: Implement user profiles, friend systems, messaging, and sharing capabilities.
7. **Add Leaderboards and Achievements**: Track player scores and achievements, displaying them in a visually appealing manner.
8. **Set Up In-App Purchases**: Integrate a payment gateway to facilitate transactions for game assets and upgrades.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of navigation. Users will be greeted with a welcoming home page featuring highlighted games and a clear call to action for getting started. The game creation process will be streamlined with step-by-step guides, and users will have easy access to their profiles and social features. Responsive design principles will ensure the application is accessible across various devices, providing a seamless experience for all users.