Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the transfer of Robux (RBX) between users through a user-friendly GUI. It will allow users to search for recipients, select the amount of Robux to send, and incorporate engaging visual elements such as a realistic Robux icon, all while ensuring a clean and minimal user experience.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely to manage their Robux transfers.
2. **Recipient Search**: Implement a search functionality to find users easily by username or ID to send Robux.
3. **Robux Transfer GUI**: A straightforward interface for users to select amounts and confirm transfers smoothly.
4. **Robux Icon Visualization**: A visually appealing representation of Robux with animations or effects to enhance user engagement.
5. **Transaction History**: A section where users can view past transfers and their status for better tracking.
6. **Robux Purchase GUI**: Provide an interface for users to purchase Robux, integrating payment 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 include a top navigation bar, a central content area for the transfer GUI, a sidebar for transaction history, and a footer with links to support and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (for managing user sessions and transactions).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure using Tailwind CSS, including the navigation bar, sidebar, and content area.
3. **Implement Authentication**: Set up user authentication using Firebase or a similar service to handle user login and registration.
4. **Build Recipient Search Feature**: Develop the search functionality for finding users by username or ID.
5. **Create Robux Transfer Interface**: Design the main transfer GUI where users can select amounts and confirm transactions.
6. **Integrate Robux Purchase Functionality**: Create a GUI that allows users to purchase Robux, setting up payment processing.
7. **Transaction History**: Implement a section to display the user's transaction history, utilizing state management for real-time updates.
8. **Testing & Deployment**: Conduct thorough testing to ensure all features work seamlessly and deploy the application on a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will begin by logging into their accounts. The main dashboard will greet them with a clean interface, prominently featuring the recipient search bar and Robux transfer GUI. Users can easily search for fellow Robux users, choose the amount to send, and visualize the transaction with appealing Robux icons. After a successful transfer, users can navigate to their transaction history to review past transfers, enhancing their overall experience with a clear focus on usability and efficiency.