Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application similar to Roblox, designed to host multiple games on the homepage where users can gift Robux and purchase accessories for their avatars. The application will feature a 3D avatar editor, enhancing user engagement through interactive gameplay and customization options.

## CORE FEATURES
1. **Homepage with Game Listings**: A dynamic homepage showcasing various games available for users to play. Each game will have a brief description and a play button.
2. **Robux Gifting System**: Functionality allowing users to gift Robux to friends, enhancing social interaction within the platform.
3. **Avatar Editor**: A 3D editor where users can customize their avatars with various accessories, clothing, and skins.
4. **Marketplace**: An integrated marketplace for purchasing accessories using Robux, featuring categories for easy navigation.
5. **User Profiles**: User accounts with customizable profiles, including avatar display, game history, and Robux balance.
6. **Responsive Design**: A fully responsive design ensuring compatibility across various devices, including mobile and desktop.

## 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 include a top navigation bar for easy access to games and user profiles, a central area for featured games, and a sidebar for user actions such as gifting Robux and accessing the avatar editor.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Design the Layout**: Create the main layout components, including the navigation bar, game listing section, and the sidebar.
3. **Develop Core Features**: 
   - Implement the homepage with dynamic game listings.
   - Build the Robux gifting system, ensuring user authentication.
   - Create the 3D avatar editor allowing customization of avatars.
   - Set up the marketplace for purchasing accessories.
4. **User Profiles**: Develop user profiles that display avatar, Robux balance, and game history.
5. **Responsive Design**: Ensure the application is responsive, testing on multiple devices.
6. **Testing and Deployment**: Conduct thorough testing of all features and deploy the application to a suitable hosting service.

## USER EXPERIENCE
Users will interact with the application by navigating through the homepage to select games, easily gifting Robux to friends through a simple interface, and customizing their avatars in an intuitive 3D editor. The marketplace will provide a seamless shopping experience, and user profiles will allow users to keep track of their achievements and balances. The design will prioritize user engagement and satisfaction, ensuring a fluid and enjoyable experience.