Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the transfer of Robux between users in a streamlined and user-friendly manner. The application will allow users to send and receive Robux, track their transactions, and manage their accounts with ease, all within a clean and minimalist interface.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts and log in securely to manage their Robux transactions.
2. **Send Robux**: A simple interface that allows users to enter the recipient's username and the amount of Robux to transfer.
3. **Transaction History**: Users can view their past transactions, including sent and received Robux, with timestamps for transparency.
4. **Account Management**: Users can update their profile information and manage their security settings.
5. **Real-time Notifications**: Users receive notifications for successful transfers and account updates.
6. **Help & Support**: A dedicated section for FAQs and support to assist users with any issues they may encounter.

## 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 layout will feature a top navigation bar for easy access to main features, a central content area for transaction forms and history, and a footer with help and support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Components**: Build the main components including Navbar, TransactionForm, TransactionHistory, and AccountManagement.
4. **Implement Routing**: Use React Router for navigation between different sections of the application.
5. **Integrate State Management**: Set up Context API or Zustand to manage user authentication and transaction data.
6. **Develop API Integration**: Create functions to handle sending Robux and retrieving transaction history from a backend service.
7. **Responsive Design**: Ensure all components are responsive and user-friendly on different devices.
8. **Testing**: Perform unit and integration tests to ensure functionality and user experience are up to standard.

## USER EXPERIENCE
The application will provide a smooth user experience with intuitive navigation and clear feedback on actions. Users will be able to quickly send Robux, view their transaction history, and manage their accounts with ease. Notifications will keep users informed of their activities, and a help section will provide assistance for any queries, ensuring a comprehensive and satisfying interaction with the app.