Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux Game" is a web application designed to engage users through a rewarding system that allows them to earn and gift Robux, a virtual currency in the Roblox gaming platform. The application focuses on providing a streamlined, user-friendly interface that encourages participation and social sharing.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts and log in securely to manage their profiles and track their Robux balance.
2. **Robux Earning Mechanism**: Users can participate in various challenges and games to earn Robux, which will be credited to their accounts.
3. **Gift Robux Functionality**: Users can gift Robux to friends or other users within the app, promoting social interaction.
4. **Leaderboard**: A leaderboard displays top users based on the amount of Robux earned and gifted, fostering a competitive environment.
5. **User Profiles**: Each user has a profile showcasing their earned Robux, gifts sent, and achievements in the app.
6. **Notifications System**: Users receive notifications for challenges, gifts received, and other important updates.

## 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 features a header with navigation, a hero section for user engagement, followed by core features outlined in cards, a leaderboard section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for managing user state and Robux transactions.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript. Install Tailwind CSS and necessary dependencies.
2. **Create Authentication**: Implement user registration and login functionality using Firebase Authentication or similar service.
3. **Develop Core Features**: Build components for earning Robux, gifting Robux, and displaying the leaderboard. Use React hooks to manage state.
4. **Design User Interface**: Apply the minimalist design principles using Tailwind CSS, ensuring responsiveness across devices.
5. **Implement Notifications**: Create a notifications system that alerts users of events like gifts received and updates on challenges.
6. **Testing and Deployment**: Thoroughly test the application for usability and performance. Deploy the application to a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will easily navigate the app through a clean header with links to their profile, leaderboard, and challenges. Upon registration and logging in, users will be greeted with their current Robux balance, recent activities, and a prominent call-to-action to participate in earning challenges. Gifting Robux will be a straightforward process, encouraging interaction among users. The leaderboard will foster competition, and notifications will keep users engaged with timely updates. The overall experience will focus on simplicity and accessibility, making it enjoyable for users of all ages.