Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Robux sending platform, allowing users to alter their displayed Robux balance and send fake Robux to others. The application will replicate the appearance and functionality of Roblox, featuring user avatars and usernames. This will serve as a fun, creative tool for Roblox fans.

## CORE FEATURES
1. **User Balance Display**: Users can change and display their current fake Robux balance.
2. **Send Fake Robux**: Users can input another player's username and send a specified amount of fake Robux, mimicking the real transaction process.
3. **Avatar Integration**: Upon entering a username, the application fetches and displays the corresponding Roblox avatar.
4. **User List**: A section that displays recently interacted usernames for quick access.
5. **Settings Page**: Users can customize their profiles and manage preferences, such as notification settings.
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, a hero section for the main action, a feature overview section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user balance and transaction states as needed.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (Redux or Context API).
3. **Create Components**:
   - **Header Component**: For the navigation and branding.
   - **Hero Component**: Where users can input their balance and send fake Robux.
   - **Avatar Display Component**: To show the user’s avatar based on the username input.
   - **Transaction History Component**: To display sent fake Robux transactions.
   - **Settings Component**: For user preferences and settings.
4. **Implement State Management**: Set up Redux or Context API to manage the user balance, transactions, and avatar data.
5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design, ensuring adherence to the specified design specifications.
6. **Responsive Design**: Ensure all components are responsive, utilizing Tailwind’s responsive utilities.
7. **Testing**: Test the application for usability and functionality across different devices and browsers.

## USER EXPERIENCE
Users will land on a clean, minimalistic interface featuring a prominent input field for their Robux balance at the top. Below, they can enter a username to view the avatar and send fake Robux. With a simple and intuitive design, users can easily navigate through the app, quickly accessing their transaction history and settings. The application will prioritize a smooth and engaging experience, making the process of sending fake Robux enjoyable and straightforward. 

By following these guidelines, the final application will be a fully functional, minimalist platform that aligns with the user's vision while ensuring a pleasant user experience.