Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for players to simulate the experience of receiving Robux, allowing users to send fake Robux to each other as a fun and engaging feature. The application will focus on a clean and minimalist design, enhancing user experience while maintaining a simple and intuitive interface.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create an account and log in to access their profiles and manage their fake Robux balance.
2. **Send Fake Robux**: A core feature that allows users to send fake Robux to friends or other players within the application.
3. **Transaction History**: Users can view a history of all transactions made, providing transparency and engagement.
4. **Profile Management**: Users can update their profiles, including username and settings related to notifications and privacy.
5. **Leaderboard**: A fun feature that showcases top users based on the amount of fake Robux sent, encouraging competition among players.
6. **Support and Feedback**: Users can submit feedback and get support for any application-related queries.

## 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 central content area for features such as sending Robux and viewing profiles, and a footer with support links and social media icons.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management to handle user authentication and transaction data.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components for styling and UI elements.
3. **Create Authentication Flow**: Implement user registration and login features using React Context API for state management.
4. **Develop Core Features**:
   - Implement the fake Robux sending feature with input validation and confirmation dialogs.
   - Create a transaction history component to display past transactions.
   - Build a profile management component allowing users to update their details.
   - Add a leaderboard component to show top users based on transactions.
5. **Design the User Interface**: Apply Tailwind CSS styling to ensure a minimalist aesthetic, utilizing the specified color scheme and typography.
6. **Testing and Debugging**: Conduct thorough testing for functionality and user experience, ensuring all features work as intended and the design is responsive.
7. **Deployment**: Deploy the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface that guides them through the process of sending fake Robux. They will be able to register and log in easily, navigate through their profile, and access features like sending Robux and viewing transaction history. The minimalist design ensures that users focus on the main features without distractions, while clear calls to action encourage engagement and participation in the social aspects of the application.