Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a fake replica of Roblox, enabling users to appear as if they are sending Robux to other people. The application focuses on creating an engaging, playful user experience while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **User Accounts**: Allow users to create and manage their profiles, including custom avatars.
2. **Robux Transactions**: Simulate sending Robux to other users with a simple interface that mimics real transactions.
3. **Transaction History**: Display a log of all mock transactions for user reference.
4. **Leaderboard**: Showcase top users based on the number of Robux sent, enhancing the competitive aspect of the app.
5. **Customizable Avatars**: Let users personalize their avatars with various accessories and outfits.
6. **Responsive Design**: Ensure the application is usable on all device sizes, providing an optimal experience on mobile and desktop.

## 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-page layout with a prominent hero section at the top, followed by features, transaction history, and a leaderboard, ending with a footer containing contact information.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for the hero section, transaction form, transaction history, leaderboard, and customizable avatars.
3. **Implement Routing**: Use React Router for navigation if necessary, although this can remain a single-page application.
4. **State Management**: Set up React Context API or Zustand to manage user data and transactions.
5. **Design Layout**: Use Tailwind CSS to create the minimalist design, ensuring proper spacing, alignment, and responsiveness.
6. **Testing**: Conduct thorough testing of the application to ensure all features work seamlessly and the user experience is smooth.

## USER EXPERIENCE
Users will land on a clean and welcoming interface, where they can easily navigate through the various features. The transaction process will be straightforward, with input fields for selecting a user and entering an amount of Robux. The leaderboard will encourage engagement as users can compete for the top spot. Additionally, customizable avatars will enhance personalization and user connection within the application. 

This minimalist light application aims to be functional and enjoyable, aligning perfectly with the user's vision of a playful Roblox-like experience.