Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application similar to Roblox, allowing users to interact with avatars across multiple games. Users will have the ability to purchase and gift in-game currency (Robux) and access various accessories for customization. The platform aims to create an engaging and interactive environment for users to enjoy gaming and social experiences.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login system for users to create accounts and manage their profiles.
2. **Avatar Customization**: Users can modify their avatars with various accessories available for purchase or gifting.
3. **Robux Management**: A system for users to purchase, recharge, and gift Robux to other users seamlessly.
4. **Game Marketplace**: A section showcasing multiple games where users can interact with their avatars and explore different environments.
5. **Social Features**: Options for users to connect, chat, and share their experiences within the application.
6. **Responsive Design**: A mobile-friendly interface ensuring a consistent experience across devices.

## 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 central content area featuring games and avatar interactions, and a footer with links to support and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (or any preferred state management solution).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create User Authentication**: Implement authentication using Firebase or a similar service, allowing users to sign up and log in securely.
3. **Develop Avatar Customization Features**: Create UI components for users to modify their avatars and integrate the accessory marketplace.
4. **Implement Robux Management**: Set up a payment system (e.g., Stripe) for purchasing and gifting Robux.
5. **Build Game Marketplace**: Design a section displaying available games, ensuring users can easily navigate and interact with their avatars in different environments.
6. **Enhance Social Features**: Add functionality for user connections, chat, and sharing experiences within the app.
7. **Ensure Responsive Design**: Test the application across various devices and screen sizes to guarantee a smooth user experience.

## USER EXPERIENCE
Users will start by visiting a clean and inviting landing page that highlights the main features of the application. After signing up or logging in, they will be directed to their dashboard, where they can customize their avatars, view available games, and manage their Robux. The interface will be intuitive, with clear navigation and prompts, ensuring users can easily explore and interact with the platform. Responsive design will allow seamless access on both desktop and mobile devices, enhancing engagement and user retention.