Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the Roblox platform, allowing users to create accounts, purchase virtual items in a marketplace using "fake robux," and access games similar to those offered by Roblox. The goal is to provide a user-friendly, engaging experience while maintaining a minimalist design aesthetic.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to manage their profiles and virtual currency.
2. **Marketplace**: A shopping interface where users can browse and purchase virtual items using "fake robux."
3. **Game Library**: A section that showcases various games available for users to play, mimicking Roblox’s game offerings.
4. **Profile Management**: Users can customize their profiles and view their purchased items and game history.
5. **Virtual Currency System**: Users can add "fake robux" to their accounts, allowing them to buy items in the marketplace.
6. **Responsive Design**: The application will be optimized for both desktop and mobile views to ensure a seamless user experience.

## 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 top navigation bar, a hero section for featured games, a grid layout for the marketplace items, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Initialize a React app with TypeScript support and install Tailwind CSS.
2. **Create the folder structure**: Organize components, pages, and styles.
3. **Implement User Authentication**:
   - Create user signup and login forms.
   - Set up authentication logic using a mock backend or local storage.
4. **Develop the Marketplace**:
   - Create a marketplace component to display items with pricing in "fake robux."
   - Implement functionality to allow users to purchase items.
5. **Build the Game Library**:
   - Create a component to showcase available games with links to access them.
6. **Set up Profile Management**:
   - Create a user profile component to allow users to view their purchased items and manage settings.
7. **Implement Responsive Design**:
   - Use Tailwind CSS to ensure the application is responsive across different devices.
8. **Testing and Debugging**:
   - Test all functionalities, user flows, and fix any bugs that arise.
9. **Deploy the Application**: Host the application on a suitable platform, ensuring it is accessible to users.

## USER EXPERIENCE
Users will start by landing on a welcoming homepage featuring the top games and marketplace items. They will have the option to sign up or log in. Once logged in, users can view their profiles, navigate the marketplace to purchase items with "fake robux," and explore games. The interface will be intuitive, with clear calls to action, ensuring a smooth and engaging user journey. The minimalist design will enhance readability and focus on the primary functionalities of the application.