Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for "Fake Robux Giving App"

## APPLICATION OVERVIEW
This project is a web application designed to simulate a "Fake Robux Giving App" where users can interactively engage with a playful interface that provides a fake experience of earning Robux. The application focuses on user engagement and entertainment rather than actual transactions or financial activities.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create an account or log in to access personalized features.
2. **Robux Claiming Mechanism**: A fun feature where users can claim fake Robux through engaging activities or challenges.
3. **Leaderboard**: Display a leaderboard showcasing users with the most claimed Robux, adding a competitive element.
4. **Daily Rewards**: Implement a system where users can log in daily to claim fake Robux bonuses.
5. **User Profile**: A section where users can view their claimed Robux, rank, and achievements.
6. **Contact/Support Section**: A simple form for users to reach out for support or feedback.

## 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 column layout with a prominent hero section at the top, followed by features, daily rewards, 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 if preferred for simpler state management).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create the layout structure**: Build the main components such as Header, Hero, Features, Leaderboard, and Footer using functional components.
4. **Implement routing**: Set up React Router for navigating between the main page and user profile.
5. **Develop the user authentication**: Create login and registration forms. Use Firebase or a similar service for user management.
6. **Add state management**: Implement state management for user data and claimed Robux using Redux.
7. **Build core features**: Implement the Robux claiming mechanism, daily rewards, and leaderboard functionalities.
8. **Apply styling**: Use Tailwind CSS to style components based on the design specifications.
9. **Test the application**: Ensure all functionalities work as intended and the UI is responsive.
10. **Deploy the application**: Use services like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will interact with a clean and engaging interface. Upon landing on the homepage, they will see a prominent hero section inviting them to start claiming Robux. Navigation will be intuitive, allowing easy access to their profile, leaderboard, and daily rewards. The design will ensure that users enjoy a seamless experience, with responsive elements that adapt to different screen sizes. Users will feel incentivized to return daily for rewards and engage with the competitive leaderboard.