Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to mimic elements of Roblox while incorporating a unique feature that allows users to simulate the acquisition of Robux. The application aims to create an engaging environment for users to explore virtual transactions and premium features in a gamified manner.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in to access their profiles and virtual currency.
2. **Robux Simulation**: Enable users to simulate transactions involving Robux, including earning, spending, and displaying their total balance.
3. **Premium Membership Options**: Offer different tiers of premium memberships, allowing users to access exclusive features and virtual goods.
4. **Marketplace**: Create a virtual marketplace where users can buy and sell items using simulated Robux.
5. **User Profiles**: Allow users to customize their profiles, showcase their achievements, and display their virtual currency.
6. **Community Features**: Include forums or chat functions where users can interact, share experiences, and discuss strategies.

## 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 single-column layout with a prominent hero section at the top, followed by feature highlights, user testimonials, and a clear call-to-action button. The marketplace and community features can be displayed in card formats below the main sections to enhance usability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Tailwind CSS**: Follow the Tailwind CSS documentation to integrate it into the React application for styling.
3. **Design the Layout**: Create the main layout structure using Tailwind CSS classes, ensuring responsiveness across devices.
4. **Develop User Authentication**: Implement authentication features using Firebase or another backend service for managing user accounts.
5. **Build the Robux Simulation Feature**: Create the logic for simulating Robux transactions and connecting it to the user interface.
6. **Create the Marketplace**: Develop components for the marketplace, enabling users to list, buy, and sell virtual items.
7. **Implement Premium Membership Options**: Design and integrate the premium membership features, including payment processing if necessary.
8. **Add Community Features**: Incorporate forums or chat functionalities using a third-party service or custom-built solutions.

## USER EXPERIENCE
Users will start by signing up or logging into their accounts. They will be greeted with a clean and intuitive dashboard showcasing their Robux balance and available features. The marketplace will allow them to browse items easily, while the community features will foster interaction and engagement. Clear visual cues and responsive design will enhance the overall user experience, ensuring seamless navigation and interaction throughout the application.