Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to create a simulated experience for users to manage and modify virtual currency (Robux) within a clean and minimalist interface. Users can simulate infinite Robux, donate fake Robux, and engage with the app in a manner reminiscent of the Roblox platform.

## CORE FEATURES
1. **Robux Modification Tool**: A user-friendly interface allowing users to adjust their Robux balance, simulating the experience of having infinite Robux.
2. **Robux Donation System**: Users can donate fake Robux to others, fostering a community feel while ensuring that the currency remains virtual.
3. **User Profiles**: Each user can create a profile to track their Robux balance and donation history.
4. **Community Leaderboard**: A leaderboard displaying top users based on the amount of Robux donated, promoting engagement and competition.
5. **Help & Support Section**: Provides users with FAQs and support resources to enhance their experience.
6. **Responsive Design**: The application will be optimized for both desktop and mobile devices, ensuring a seamless experience across platforms.

## 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 feature a header with navigation links, a central content area for features and user interactions, and a footer with support and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user states and Robux balances)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies including Tailwind CSS and Redux.
2. **Create Layout Components**: Develop the header, footer, and main content area with responsive design principles using Tailwind CSS.
3. **Implement Robux Modification Tool**: Create a form for users to input and modify their Robux balance, ensuring it updates dynamically.
4. **Develop Donation System**: Build the functionality for users to donate Robux to others, including input validation and transaction history.
5. **User Profiles**: Set up user authentication and profile management to allow for personalized user experiences.
6. **Leaderboard Development**: Create a dynamic leaderboard that updates as users donate Robux, utilizing Redux for state management.
7. **Help & Support Section**: Include FAQs and support contact options in the footer.
8. **Testing and Optimization**: Conduct thorough testing for user interactions and ensure responsiveness across devices, making adjustments as necessary.

## USER EXPERIENCE
Users will have a streamlined experience starting from the landing page where they can easily navigate to the Robux modification tool and donation system. Key flows include:
- **Robux Adjustment Flow**: Users can quickly input their desired Robux amount and see immediate feedback.
- **Donation Flow**: A simple interface for selecting recipients and entering donation amounts, with confirmations for each transaction.
- **Profile Management**: Users can view their profiles to track balances and donations, enhancing engagement.
- **Leaderboard Interaction**: Users can check their standings and see how they compare to others, encouraging more interactions and donations. 

Overall, this web app aims to provide a fun, engaging, and user-friendly experience while maintaining a minimalist aesthetic.