Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a "Robux sender," allowing users to engage with a playful, interactive platform centered around the concept of sending fake Robux. The application aims to provide a fun experience while emphasizing minimalist design and user-friendly interactions.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access the application, ensuring a personalized experience.
2. **Fake Robux Generation**: A feature that allows users to generate a specified amount of fake Robux to simulate sending to friends or other users.
3. **Send Robux**: Users can select a recipient from their friends list and send the generated fake Robux, enhancing the interactive experience.
4. **Transaction History**: A section displaying all previous transactions, allowing users to review their fake Robux interactions.
5. **User Profile**: A customizable profile section where users can manage their account details and settings.
6. **Help/FAQ Section**: An informative area providing answers to common questions and guidance on how to use the application effectively.

## 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 central content area displaying core features, and a footer with additional links and information. Each section will be spaced evenly to maintain a clean and organized appearance.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create User Authentication**: Implement registration and login functionality using Firebase Authentication or a similar service.
3. **Develop Core Features**:
    - Build the Fake Robux Generation component.
    - Create the Send Robux feature with a form to select recipients.
    - Implement the Transaction History display.
4. **Design User Profile**: Develop a customizable profile section allowing users to update their information.
5. **Build Help/FAQ Section**: Design an informative area with common questions and answers.
6. **Implement Responsive Design**: Ensure the application is mobile-friendly by using Tailwind CSS's responsive utilities.
7. **Testing and Debugging**: Conduct thorough testing to identify and fix any issues.

## USER EXPERIENCE
Users will first encounter a streamlined registration or login process. Upon accessing the main dashboard, they can easily generate fake Robux, select friends to send them to, and view their transaction history. The minimalist layout ensures that users can navigate seamlessly between features, with clear calls to action and a straightforward interface, enhancing overall user satisfaction.