Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Robux Send App" is a web application designed to facilitate the seamless transfer of Robux between users in a secure and user-friendly environment. The app focuses on providing a straightforward interface for users to manage their Robux transactions efficiently.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process allowing users to create accounts and access their transaction history.
2. **Send Robux**: A simple form where users can enter the recipient's username and amount of Robux to send, with real-time validation and confirmation.
3. **Transaction History**: A dedicated section for users to view their past transactions, including dates, amounts sent, and recipient details.
4. **Profile Management**: Users can manage their account settings, including updating their password and viewing their current Robux balance.
5. **Help Center**: An easy-to-navigate help section with FAQs and contact options for customer support.

## 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 top navigation bar, a central content area for transaction forms and history, and a footer with links to the help center and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API for managing user authentication and transaction states.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create user authentication**: Implement the authentication functionality using Firebase or a similar service.
4. **Develop the main application layout**: Build the top navigation, main content area, and footer structure, ensuring responsiveness.
5. **Implement the "Send Robux" feature**: Create a form that validates input and processes transactions.
6. **Build the transaction history component**: Fetch and display user transaction data with pagination or scrolling.
7. **Add profile management**: Allow users to update their settings and view their balance.
8. **Create the help center**: Implement a simple FAQ section and contact form for user support.
9. **Test the application**: Conduct thorough testing for usability, functionality, and responsiveness across devices.

## USER EXPERIENCE
The application will prioritize user experience by providing intuitive navigation and clear calls to action. Users will seamlessly move between sending Robux, viewing transaction history, and accessing support. All interactions will be designed to minimize clicks and maximize clarity, ensuring users can complete their tasks efficiently. The clean and minimalist design will further enhance the overall user experience, making it easy for users to focus on their transactions without distractions.