Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the transfer of Robux within the Roblox platform. Users will be able to securely send and receive Robux to and from their friends, ensuring a streamlined and user-friendly experience. The application will focus on simplicity and efficiency, allowing users to manage their Robux transfers with ease.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to create accounts and manage their profiles.
2. **Robux Transfer System**: A straightforward interface for users to send and receive Robux, including input for the amount and recipient's username.
3. **Transaction History**: A detailed log of all transfers made, allowing users to track their transactions easily.
4. **Friend List Integration**: Users can add friends to their account, making it easier to send Robux to frequently interacted users.
5. **Notifications**: Real-time notifications for successful transfers and updates on transaction statuses.
6. **Support and FAQ Section**: A dedicated area for users to access help resources, including common questions and support contact options.

## 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 header with navigation, a hero section for the Robux transfer functionality, a features section highlighting core functionalities, and a footer with support links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (for managing complex state if necessary).

## IMPLEMENTATION STEPS
1. **Set up the development environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it to work with the project.
   - Add shadcn/ui for UI components.
  
2. **Create the authentication module**:
   - Implement user registration and login functionality using a secure method (e.g., Firebase Authentication).
  
3. **Develop the Robux transfer system**:
   - Create a form for sending Robux that includes fields for the recipient's username and amount.
   - Implement the backend logic to handle transactions.
  
4. **Implement transaction history**:
   - Create a component to display past transactions, retrieving data from the backend.
  
5. **Add friend list functionality**:
   - Allow users to manage their friends list and integrate it into the transfer system.
  
6. **Set up notifications**:
   - Implement a notification system to alert users of transfer statuses.
  
7. **Design and build the support section**:
   - Create a static FAQ page and a contact form for user inquiries.

## USER EXPERIENCE
Users will start by creating an account or logging in. Upon successful authentication, they will be greeted with a clean dashboard displaying their current Robux balance and options to send or receive Robux. The transfer process will be straightforward, guiding users through inputting the recipient's details and the amount to transfer. Notifications will inform users of successful transactions, while a well-organized transaction history will allow users to keep track of their activity. The overall design will prioritize ease of use and clarity, enhancing the user experience.