Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate the experience of sending Robux in Roblox. It serves as a playful tool for users to engage with their friends by showcasing fake Robux transactions, making it a fun addition to the Roblox community.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to allow users to create and manage their accounts.
2. **Robux Sending Simulator**: A dynamic interface where users can input details and simulate sending Robux to friends.
3. **Transaction History**: Users can view their past transactions with timestamps and details for each simulated send.
4. **User Profiles**: Personalized user profiles that display avatars, usernames, and their transaction statistics.
5. **Leaderboard**: A competitive feature showing the top users based on the amount of simulated Robux sent.

## 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 structure will consist of a header, main content area with a sidebar for navigation, and a footer. The header will include the app's branding, the main content area will display features and interactions, and the footer will provide additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or Redux (specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Implement Authentication**: Create user authentication with registration and login forms using Firebase or another authentication service.
3. **Build the User Interface**: Design the main layout with a header, sidebar, and main content area using Tailwind CSS classes for styling.
4. **Develop the Robux Sending Simulator**: Create a form where users can input details to simulate sending Robux. Use state management to handle the input values.
5. **Integrate Transaction History**: Set up a database (e.g., Firestore) to store and retrieve transaction history for each user.
6. **Profile and Leaderboard Setup**: Create user profiles and a leaderboard component that pulls data from the database to display user achievements.

## USER EXPERIENCE
Users will start with a friendly login screen where they can easily access their accounts. After logging in, they will be taken to a dashboard where they can see their profile, simulate sending Robux, and view their transaction history. The process of sending Robux will be intuitive, requiring minimal input. The leaderboard will encourage interaction among users, making the experience competitive and engaging. Responsive design will ensure the application is accessible on both desktop and mobile devices, providing a seamless user experience.