Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the exact sending of Robux within Roblox. The primary purpose is to create a streamlined interface where users can easily send and receive Robux, ensuring a user-friendly experience that emphasizes simplicity and efficiency.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process to manage user accounts and track Robux transactions.
2. **Robux Transfer System**: A straightforward interface for users to send Robux to other Roblox users, including input fields for user identification and Robux amount.
3. **Transaction History**: A section where users can view their past transactions, including date, amount sent, and recipient details.
4. **Profile Management**: Users can update their account information and manage settings related to their Robux transactions.
5. **Support Section**: A dedicated area for FAQs and user support, helping users with common issues and inquiries.

## 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 include a top navigation bar, a central content area for Robux transfer and transaction history, and a footer with support links. The layout will be responsive to ensure usability on various devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux (if necessary for more complex state management).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui components, and any other necessary libraries for the project.
3. **Create the authentication flow**: Implement user registration and login components, integrating with a back-end service for managing user accounts.
4. **Develop the Robux transfer feature**: Create components for inputting recipient details and Robux amounts, handling form submissions, and validating inputs.
5. **Build the transaction history component**: Create a table or list to display past transactions, fetching data from the back-end.
6. **Implement profile management**: Allow users to update their information and preferences.
7. **Set up the support section**: Include a simple FAQ and contact form for user inquiries.
8. **Testing**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs that arise.
9. **Deploy the application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Users will easily navigate through the application via an intuitive top navigation bar. The Robux transfer process will have a minimal input form, with clear labels and guidance to prevent errors. Transaction history will be easily accessible, allowing users to review their activities at a glance. The support section will provide quick assistance, ensuring users feel supported throughout their experience. This light and minimalist design will enhance usability and make the application feel modern and approachable.