Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the sending of Robux within the Roblox platform. This application will allow users to easily transfer Robux to friends and manage their transactions in a secure and user-friendly environment.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to securely manage their transactions and settings.
2. **Robux Transfer**: Users can send Robux to friends by entering their usernames and the amount they wish to send, with a confirmation step to prevent accidental transactions.
3. **Transaction History**: A dedicated section where users can view their past transactions, including dates, amounts, and recipient usernames.
4. **Profile Management**: Users can manage their profiles, including updating their usernames and other preferences.
5. **Notifications**: Users receive notifications for successful transfers and any important updates related to their account.
6. **Help and Support**: An FAQ or support section providing assistance with common issues regarding Robux transfers.

## 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 application will feature a single-column layout with a prominent header, followed by sections for the main features, transaction history, and user profile. Each section will be clearly defined with ample white space to enhance readability.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, Redux, shadcn/ui).
2. **Design the Layout**: Create the main layout structure using Tailwind CSS. Implement the header, footer, and primary content area.
3. **Create Authentication**: Develop user authentication features, including registration and login forms, and integrate with a backend service for user management.
4. **Implement Robux Transfer Feature**: Build the Robux transfer functionality, ensuring input validation and a confirmation modal for transactions.
5. **Develop Transaction History**: Create a component to display the user's transaction history, fetching data from the backend.
6. **Profile Management**: Develop the profile management section where users can update their details.
7. **Set Up Notifications**: Implement a notification system that alerts users about successful transactions and important updates.
8. **Integrate Help and Support**: Add an FAQ section with common queries and support links.

## USER EXPERIENCE
Users will start on the login page, where they can access their accounts. After logging in, they will be directed to the dashboard displaying their balance and transaction options. Sending Robux will involve a straightforward process: entering the recipient's username and the amount, followed by a confirmation step. Users can easily navigate to their transaction history and manage their profiles with intuitive buttons and links. The minimalist design ensures that users can focus on their tasks without distractions, enhancing overall usability.