Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Robux Sender" is a web application designed to simulate the sending of Robux to users, providing a fun and engaging experience for Roblox enthusiasts. The app will feature a clean and minimalist interface, focusing on user interaction and simplicity while ensuring an enjoyable experience.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access their profiles and track their Robux transactions.
2. **Robux Sending Simulation**: A feature that allows users to simulate sending Robux to other users, enhancing the playful aspect of the application.
3. **Transaction History**: Users can view a history of their simulated Robux transactions, including date, recipient, and amount.
4. **Profile Management**: Users can manage their accounts, including changing their usernames and viewing their current Robux balance.
5. **Leaderboard**: A feature showcasing the top users who have sent the most Robux, fostering a sense of competition and community.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless 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 include a top navigation bar for easy access to features, a central area for content display, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create User Authentication**: Implement user registration and login functionality with a simple form and validation.
3. **Design the UI Components**: Create reusable components for buttons, forms, and cards using Tailwind CSS, ensuring they adhere to the specified design specifications.
4. **Implement Robux Sending Simulation**: Develop the logic for the Robux sending feature, allowing users to input recipient details and simulate sending Robux.
5. **Build Transaction History**: Set up a component to display the transaction history using state management to track user actions.
6. **Develop Profile Management**: Create a profile management section where users can update their information and view their Robux balance.
7. **Add Leaderboard Feature**: Implement a leaderboard that dynamically updates based on user activity.
8. **Test and Optimize**: Conduct thorough testing to ensure all features work correctly and optimize for responsiveness and performance.

## USER EXPERIENCE
Users will begin by registering or logging into their accounts. Upon logging in, they will be greeted with a dashboard where they can easily navigate to send Robux, view their transaction history, and manage their profiles. The interaction for sending Robux will be straightforward, with input fields for the recipient and amount, followed by a confirmation step. The leaderboard will engage users further, encouraging them to participate actively in the app. The minimalist design will ensure that users can focus on the tasks at hand without unnecessary distractions.