Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
The "Fake Robux App" is a web application designed to provide users with an engaging platform where they can simulate earning Robux, the virtual currency for Roblox. The application aims to attract users by offering fun features, a clean interface, and a seamless user experience, allowing them to explore, earn, and utilize virtual currency in a gamified environment.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create accounts and log in to track their virtual earnings, ensuring a personalized experience.
2. **Earning Simulator**: A feature that enables users to complete tasks or activities to earn fake Robux, enhancing user engagement.
3. **Leaderboard**: Display a leaderboard showing top earners, fostering a competitive spirit among users.
4. **Reward Store**: A section where users can spend their earned Robux on virtual items or rewards, increasing the app's interactivity.
5. **Profile Management**: Users can customize their profiles and view their earning history and stats.
6. **Feedback and Reporting**: A way for users to provide feedback or report issues, ensuring continuous improvement of the application.

## 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 consist of a header with navigation links, a hero section showcasing the app's features, a central content area displaying the earning simulator and leaderboard, and a footer with contact information and links.

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

## IMPLEMENTATION STEPS
1. **Set up the development environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it with PostCSS.
   - Integrate shadcn/ui for UI components.

2. **Create the project structure**:
   - Organize folders for components, pages, and styles.
   - Set up routing using React Router for different app sections.

3. **Develop the authentication module**:
   - Implement user registration and login features with form validation.
   - Store user data in local storage or a temporary database for the session.

4. **Build the Earning Simulator**:
   - Create interactive components for users to earn Robux through various tasks.
   - Implement state management to track user progress and earnings.

5. **Design the Leaderboard Feature**:
   - Create a leaderboard component that fetches and displays user data.
   - Ensure it updates dynamically as users earn Robux.

6. **Develop the Reward Store**:
   - Create a store component where users can view and redeem their earned Robux for virtual items.

7. **Implement Profile Management**:
   - Allow users to update their profiles and view their earning history.

8. **Set up Feedback and Reporting**:
   - Include a feedback form for users to submit suggestions or report issues.

9. **Test and optimize for responsiveness**:
   - Ensure the application is responsive across different devices and screen sizes.

10. **Deploy the application**:
   - Choose a suitable platform for deployment (e.g., Vercel, Netlify) and launch the app.

## USER EXPERIENCE
Users will begin their journey by registering or logging in to the application. Once logged in, they will be greeted by a welcoming hero section that highlights the app's features. They can immediately start earning fake Robux through interactive tasks. The leaderboard will motivate users to compete with one another, while the reward store will allow them to spend their earnings creatively. Users will have a seamless experience navigating the app, with easy access to their profiles and feedback options to enhance their engagement and satisfaction.