Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the transfer of Robux among users on the Roblox platform. It enables users to manage their Robux balance, send Robux to friends, and view transaction history, all while providing a user-friendly and minimalist experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to create accounts and manage their profiles.
2. **Robux Balance Display**: A clear and concise section showing the current Robux balance, ensuring users can easily track their funds.
3. **Send Robux Functionality**: A simple form allowing users to input the recipient's username and the amount of Robux to send, with real-time validation and confirmation.
4. **Transaction History**: A detailed log of past transactions, including amounts sent and received, along with timestamps for user reference.
5. **Profile Management**: An area where users can update their account information and settings, enhancing personalization.
6. **Support and FAQ Section**: Provides users with answers to common questions and a way to reach out for additional help.

## 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 top navigation bar, a hero section for user greetings and quick actions, followed by sections for sending Robux, transaction history, and profile management. Each section will be clearly defined with ample spacing to maintain a clean aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Authentication System**: Implement user authentication using a secure method, such as Firebase or Auth0.
4. **Develop Core Features**: 
   - Build the Robux balance display component.
   - Create the send Robux form, ensuring real-time validation.
   - Implement the transaction history component to fetch and display past transactions.
5. **Design Layout**: Structure the layout using Tailwind CSS classes to ensure a responsive and minimalist design.
6. **Test Functionality**: Conduct thorough testing of user flows, focusing on sending Robux and viewing transaction history.
7. **Deploy Application**: Use a hosting service like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will start by logging into their accounts, where they’ll see their current Robux balance prominently displayed. They can easily navigate through the app to send Robux to friends using a straightforward form, and they will receive confirmation of their transactions. The transaction history will provide users with a clear, chronological view of their activity. The design will maintain a clean and intuitive interface, enhancing overall usability and ensuring a seamless experience.