Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the gifting of fake Robux. Its primary purpose is to provide users with an engaging experience allowing them to generate and visualize fake Robux amounts that they can "gift" to others. The application focuses on a clean and user-friendly interface to enhance user interaction while maintaining a minimalist design.

## CORE FEATURES
1. **Robux Generator**: Users can input a desired amount of fake Robux to generate a visual representation of the gift.
2. **Gift History**: A feature that allows users to view their past gifts, including amounts and recipient names.
3. **User Accounts**: Simple user authentication to save gift history and preferences.
4. **Sharing Options**: Users can easily share their generated gifts on social media or through direct links.
5. **Customizable Profiles**: Users can set up their profiles with usernames and avatars to personalize their experience.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on both desktop and mobile 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 consist of a top navigation bar, a hero section with the Robux generator, followed by the gift history, and a footer with contact information. Each section will have ample white space to ensure clarity and focus.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Build the main layout with a navigation bar, hero section, and footer using Tailwind CSS for styling.
3. **Implement the Robux Generator**: Create a component that allows users to input the desired amount of fake Robux and visualize the output.
4. **User Authentication**: Set up user authentication using a simple email/password system to allow users to save their gift history.
5. **Gift History Functionality**: Develop the gift history feature that retrieves and displays saved gifts from the user's profile.
6. **Sharing Options**: Integrate social media sharing features to allow users to share their gifts easily.
7. **Responsive Design**: Ensure the application is fully responsive, testing on various devices and screen sizes.
8. **Testing and Deployment**: Thoroughly test the application for any bugs and deploy it using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will begin by visiting the landing page, where they will see a clean interface with a prominent Robux generator. After entering their desired amount, they will receive a visual gift that they can save to their history. Users can create an account to keep track of their gifts, and they can share their creations on social media. The design will ensure that interactions are straightforward and intuitive, with responsive elements that adapt to different screen sizes for an optimal user experience.