Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to create a platform for users to generate and manage fake Robux similar to Roblox, featuring an integrated system for users to donate fake Robux. The main purpose is to provide a user-friendly experience that mimics the aesthetics and functionality of Roblox while allowing easy modifications and customization.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts, log in, and manage their profiles to access their fake Robux and donation features.
2. **Robux Generation Tool**: An intuitive tool that allows users to generate and manage their fake Robux balance.
3. **Robux Donation System**: Users can donate fake Robux to other users, fostering community interaction.
4. **Customization Options**: Users can modify their interface and experience, similar to Roblox Plus, enabling personalization.
5. **Dashboard Overview**: A user-friendly dashboard displaying balance, donation history, and customization options.
6. **Community Features**: Options for users to interact and communicate with others, sharing tips and tricks for maximizing their fake Robux experience.

## 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 hero section showcasing the main features and benefits, a dashboard for user interactions, and a footer with contact information and social links.

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

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (Redux or Zustand).
3. **Create Core Components**: Develop the main components such as Header, Dashboard, User Profile, and Donation System.
4. **Implement Authentication**: Set up user authentication using a suitable library (e.g., Firebase or Auth0).
5. **Build Robux Generation Tool**: Code the logic for generating and managing fake Robux, ensuring seamless user input and updates.
6. **Develop Donation System**: Implement the donation feature, allowing users to send fake Robux to each other.
7. **Integrate Customization Options**: Create settings for users to modify their interface, akin to Roblox Plus.
8. **Design Responsiveness**: Ensure the app is responsive across all device sizes using Tailwind CSS.
9. **Test Functionality**: Thoroughly test all features for usability, bugs, and performance.
10. **Deploy the Application**: Host the application on a suitable platform (e.g., Vercel or Netlify).

## USER EXPERIENCE
The application will facilitate key user interactions such as signing up and logging in smoothly, generating fake Robux with minimal steps, and easily navigating through the dashboard. Users will enjoy a visually appealing interface that allows for quick donations and modifications, ensuring a seamless experience that keeps them engaged. Community features will encourage collaboration and sharing among users, enhancing the overall user experience.