Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application designed for Robux gifting, intended as a playful tool to prank friends. The app will allow users to simulate gifting Robux with a clean, user-friendly interface that emphasizes simplicity and clarity.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to manage their gifting activity.
2. **Robux Gifting Simulator**: A feature that allows users to select amounts of Robux to "gift" friends, complete with customizable messages.
3. **Friend List Management**: Users can add and manage their friends’ usernames for easy access when gifting.
4. **Gift History**: A section displaying all past gifting simulations, allowing users to keep track of their pranks.
5. **Share on Social Media**: Users can share their gifting activity on popular social media platforms for added fun.
6. **Responsive Design**: The application will be fully responsive, ensuring usability across different 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 structure will consist of a top navigation bar, a hero section for the gifting simulator, a features section highlighting functionalities, a testimonials section for user experiences, 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 (as needed).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication System**: Implement user registration and login functionality, ensuring user data is securely stored.
3. **Develop the Robux Gifting Simulator**: Build the main feature allowing users to select Robux amounts and enter friend usernames.
4. **Implement Friend List Management**: Create a user-friendly interface for users to add and manage friends’ usernames.
5. **Establish Gift History**: Set up a database or state management to track and display users' gifting histories.
6. **Add Social Media Sharing**: Integrate social sharing options to allow users to share their gifting experiences.
7. **Responsive Design Testing**: Ensure the application is responsive across various devices and screen sizes, refining CSS as needed.
8. **Conduct User Testing**: Gather feedback from users to identify areas for improvement and ensure a smooth user experience.

## USER EXPERIENCE
Users will start by signing up or logging into the application. Once logged in, they will be greeted with a simple interface showcasing the gifting simulator prominently in the hero section. They can easily select the amount of Robux to gift and input a friend's username, with the option to add a personalized message. After simulating a gift, users can view their gift history and share their antics on social media, adding a playful element to the app. The design will focus on intuitive navigation and a clean aesthetic to enhance the overall user experience.