Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to facilitate the easy and secure sending of Robux among users. It aims to provide a straightforward interface that allows users to transfer virtual currency seamlessly while ensuring user-friendly navigation and security.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process, allowing users to create accounts and manage their profiles.
2. **Robux Transfer**: Users can send Robux to other users by entering the recipient's username and the amount to be transferred.
3. **Transaction History**: A log of all transactions made by the user, displaying dates, amounts, and recipient details.
4. **Balance Overview**: A dashboard feature that shows the current Robux balance of the user, including recent transactions and available funds.
5. **Search Functionality**: Users can search for other users by username to facilitate easy transfers.
6. **Support and FAQ Section**: A dedicated area for users to find answers to common questions and get support for any issues they 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 consist of a top navigation bar for easy access to features, a central content area for transactions and balances, and a footer for support links and additional information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing user state and transactions

## IMPLEMENTATION STEPS
1. **Set up the project**:
   - Initialize a new React project with TypeScript using Create React App.
   - Install Tailwind CSS and configure it for the project.
   - Install shadcn/ui for UI components.

2. **Create Authentication**:
   - Develop the login and registration components.
   - Implement authentication logic using Firebase or a similar service.

3. **Build the Robux Transfer Feature**:
   - Create a form for users to input the recipient's username and amount of Robux to send.
   - Implement validation to ensure sufficient balance and valid usernames.

4. **Set up the Transaction History**:
   - Create a component to display the user's transaction history.
   - Fetch data from the backend to display recent transactions.

5. **Develop the Balance Overview Dashboard**:
   - Create a dashboard component that shows the user's current balance and recent transactions.
   - Ensure real-time updates to the balance after transactions.

6. **Implement Search Functionality**:
   - Create a search bar component that allows users to find other users by username.
   - Display search results dynamically as the user types.

7. **Build Support and FAQ Section**:
   - Create a static FAQ page with common questions and answers.
   - Implement a contact form for users to submit support requests.

8. **Testing and Deployment**:
   - Test all features thoroughly, ensuring a smooth user experience.
   - Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will start by logging into their accounts. Once authenticated, they will see their balance and a prominent button to send Robux. After entering the recipient's username and the amount, they will confirm the transaction. Users can easily navigate to their transaction history to track past transfers, and they can use the search functionality to find other users quickly. Support options are easily accessible from the footer, ensuring help is available when needed. The overall experience will emphasize simplicity and efficiency, aligning with the minimalist design vision.