Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage a Roblox account with functionalities that allow users to maintain a balance of Robux, specifically aiming to have 100,000 Robux and enabling the sending of Robux to other users. It focuses on a minimalist design to enhance user experience and simplicity.

## CORE FEATURES
1. **Account Management**: Users can create, log in, and manage their Roblox accounts securely.
2. **Robux Balance Display**: A clear interface shows the current Robux balance, highlighting when it reaches the target of 100,000 Robux.
3. **Send Robux Functionality**: Users can easily send Robux to other users through a simple form, including recipient selection and amount input.
4. **Transaction History**: Users can view a history of their transactions, providing transparency and tracking of Robux sent and received.
5. **Notifications**: Users receive notifications for successful transactions or any issues with their account balance.
6. **User Support**: A help section for users to understand how to use the app and troubleshoot common issues.

## 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 consist of a header, followed by a user dashboard featuring account information, a Robux balance section, a form for sending Robux, and a transaction history table.

## 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 using Create React App with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Set up Redux for state management.
   
2. **Design Components**:
   - Create the header component with navigation links.
   - Design the dashboard layout to include sections for account info, Robux balance, and transaction history.
   - Implement the form for sending Robux, ensuring validation for inputs.

3. **Implement Functionality**:
   - Develop the account management logic (login/logout).
   - Create functions to handle Robux sending, updating the balance, and logging transactions.
   - Implement the transaction history display with the ability to filter and sort transactions.

4. **Add Notifications**:
   - Set up a notification system to inform users of successful transactions or errors.

5. **Testing**:
   - Conduct unit testing for all components and functionalities.
   - Perform user testing to gather feedback on usability and design.

6. **Deployment**:
   - Deploy the application on a suitable hosting platform (e.g., Vercel, Netlify).
   - Ensure the application is responsive and performs well on mobile devices.

## USER EXPERIENCE
Users will have a straightforward journey from signing up or logging into their account to managing their Robux balance. They will find all essential functionalities within easy reach, with clear call-to-actions for sending Robux and viewing their transaction history. The minimalist design will ensure that users are not overwhelmed, maintaining focus on their goals within the app.