Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed as a fake Robux gifting system, allowing users to simulate the process of gifting Robux to others in a playful and engaging manner. It aims to attract users with its minimalist design and straightforward functionality, providing an easy and enjoyable user experience.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to access their profiles and track their gifting history.
2. **Gifting Interface**: A simple interface where users can select an amount of Robux to gift, enter the recipient's username, and send the gift with a confirmation step.
3. **Gift History**: Users can view their past gifts, including amounts sent and recipients, to keep track of their gifting activities.
4. **Random Gift Generator**: An option that allows users to randomly select amounts of Robux to gift, adding an element of fun and surprise.
5. **User Profiles**: Each user has a profile page displaying their gifting stats and a leaderboard showcasing top gifters.
6. **Responsive Design**: The application will be fully responsive to ensure a seamless experience across devices.

## 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 top navigation bar, a central gifting interface, a sidebar for user stats, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it with PostCSS.
   - Set up shadcn/ui components.

2. **Create User Authentication**:
   - Implement user registration and login functionality using a simple form.
   - Use React Context API for managing user state.

3. **Develop Gifting Interface**:
   - Create a form where users can input the recipient's username and select Robux amounts.
   - Add a confirmation modal for gifting actions.

4. **Build Gift History Section**:
   - Develop a component that fetches and displays the user's past gifts.
   - Use state management to update the UI dynamically.

5. **Implement Random Gift Generator**:
   - Create a button that, when clicked, randomly selects an amount of Robux to gift.

6. **Create User Profile and Leaderboard**:
   - Develop user profile pages and a leaderboard component showcasing top gifters.

7. **Style Components**:
   - Apply Tailwind CSS classes based on the design specifications.
   - Ensure all components are responsive and maintain the minimalist aesthetic.

8. **Testing and Deployment**:
   - Conduct thorough testing, including unit and integration tests.
   - Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a smooth experience starting from the login or registration screen. After logging in, they will be greeted by a clean dashboard where they can easily navigate to the gifting interface, view their gifting history, and explore their profile. The gifting process will be straightforward, with clear prompts and confirmations, ensuring that users can engage with the system playfully and without confusion. The responsive design will guarantee that users can access the application on any device seamlessly.