Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to replicate the core functionalities of Roblox, allowing users to create, share, and play games within a vibrant online environment. This application will focus on user-generated content while providing a simple and intuitive interface for users of all ages.

## CORE FEATURES
1. **User Accounts**: Allow users to create and manage personal accounts with customizable profiles.
2. **Game Creation Tools**: Provide a suite of easy-to-use tools for users to design and publish their own games.
3. **Game Library**: A centralized library where users can browse, search, and play games created by others.
4. **Social Features**: Incorporate chat and friend systems to enable interaction and collaboration among users.
5. **Leaderboard & Achievements**: Track player performance and display achievements to foster competition and engagement.
6. **In-App Currency System**: Allow users to earn and spend in-game currency for purchasing items or upgrades.

## 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 responsive layout with a top navigation bar, a central game showcase area, side panels for social features, and a footer for additional links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Folder Structure**: Organize components, pages, and assets into appropriate directories.
4. **Implement Authentication**: Set up user accounts with sign-up and login features using Firebase or a custom backend.
5. **Develop Game Creation Tools**: Design UI components for game creation and implement functionality for saving and publishing games.
6. **Build Game Library**: Create a dynamic library page that fetches and displays games from a database.
7. **Integrate Social Features**: Add chat functionality and user friend systems using websockets for real-time communication.
8. **Implement Leaderboards**: Create a leaderboard system that tracks user performance and displays achievements.
9. **In-App Currency System**: Develop the system to manage in-game currency transactions.
10. **Test and Deploy**: Conduct thorough testing across devices and deploy the application to a hosting service.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. Upon landing on the homepage, they will be greeted with a clean interface showcasing featured games. Users can easily create accounts and customize their profiles. The game creation tools will guide them through the process with intuitive controls, and they can quickly access the game library to discover new content. Social features will allow users to connect and collaborate, enhancing the community feel. The leaderboard will motivate users to engage and compete with each other, while the in-app currency system will keep the gameplay rewarding. 

This design ensures a user-friendly experience that promotes creativity and interaction within the community.