Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate the sending of Robux in Roblox, allowing users to engage with interactive features related to the popular gaming platform. This application will provide a fun and engaging experience for users, focusing on a clean and minimalist design that emphasizes usability and simplicity.

## CORE FEATURES
1. **User Account Creation**: Users can create accounts to save their preferences and track simulated transactions.
2. **Robux Simulation**: A feature that allows users to simulate sending Robux to other users within the app.
3. **Transaction History**: Users can view a history of their simulated transactions for tracking and fun.
4. **User Profiles**: Each user can create a profile that displays their simulated earnings and activities.
5. **Leaderboard**: A leaderboard showcasing the top users based on simulated Robux sent.
6. **Help Section**: An informative section that guides users on how to use the app and explains the simulation aspect.

## 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, a features section, user profiles, and a footer. The interface will be responsive, ensuring optimal usability on both desktop and mobile devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing user sessions and transaction data)

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create File Structure**: Organize the project into components, pages, and styles.
4. **Build User Authentication**: Implement a simple user authentication system using React Context API for managing user sessions.
5. **Develop Core Features**:
   - Implement the Robux simulation feature with a straightforward user interface.
   - Create a transaction history component to display past simulated transactions.
   - Build user profiles and the leaderboard functionality.
6. **Design the UI**: Use Tailwind CSS to create a minimalist design that adheres to the specified design specifications.
7. **Test Responsiveness**: Ensure that the application functions well on various screen sizes, adjusting styles as necessary.
8. **Deploy the Application**: Host the application on a cloud service like Vercel or Netlify for public access.

## USER EXPERIENCE
Key user interactions will include account registration and login, navigating through the app to send simulated Robux, viewing transaction history, and checking the leaderboard. The clean design will facilitate easy navigation, while responsive elements ensure a seamless experience on any device. Users will find the app engaging with its simple yet functional interface, encouraging them to simulate interactions as they would in Roblox.