Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the functionality of a Robux sender without requiring a developer key. The main purpose of the application is to provide users with a seamless interface to manage and send Robux easily, focusing on security and user experience.

## CORE FEATURES
1. **User Authentication**: Secure user login and registration using email and password, ensuring that all transactions are safe.
2. **Robux Management Dashboard**: A clean interface displaying the user's current Robux balance, transaction history, and options to send Robux.
3. **Send Robux Functionality**: A simple form allowing users to enter the recipient's username and the amount of Robux to send, with instant feedback on successful transactions.
4. **Transaction History**: A section that lists past transactions with details such as date, recipient, and amount sent.
5. **Profile Settings**: Users can update their profile information and manage account security settings.
6. **Support Section**: A help center providing users with FAQs and a contact form for further assistance.

## 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 central dashboard area for displaying the user's balance and transactions, and a sidebar for navigation options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux Toolkit (if complex state management is required).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux Toolkit (if necessary).
3. **Create Authentication Module**: Set up user authentication with email/password using Firebase or another authentication provider.
4. **Build the Dashboard**: Design and implement the dashboard layout, including balance display and transaction history.
5. **Implement Robux Sending Feature**: Create the form for sending Robux and connect it to the backend for transaction processing.
6. **Set Up Profile Settings**: Allow users to update their information and manage security settings.
7. **Design and Implement Support Section**: Create a help center with FAQs and a contact form.
8. **Test Application**: Conduct thorough testing to ensure functionality and responsiveness across devices.
9. **Deploy Application**: Use platforms like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will begin by logging into their accounts on a clean and straightforward login page. Upon successful login, they will be directed to their dashboard, where they can view their Robux balance and transaction history. The interface will allow users to send Robux effortlessly through a user-friendly form. Users will also have access to their profile settings to manage their account, and a support section will be available for any queries or issues they may encounter. The entire application will be designed to be responsive and intuitive, ensuring a seamless experience on both desktop and mobile devices.