Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for Roblox users to easily send Robux to friends with customizable amounts. It includes a key generation system that allows users to create unique keys for transactions, ensuring secure and controlled transfers. The app will focus on simplicity and user experience, allowing both verified and non-verified users to manage their Robux transactions effortlessly.

## CORE FEATURES
1. **User Authentication**: Secure user login and registration process, allowing users to create accounts and access their transaction history.
2. **Robux Transfer System**: Users can enter the recipient's username and specify the amount of Robux to send, with options for customization.
3. **Key Generation**: A unique key generation feature that provides users with a secure way to authorize transactions.
4. **Transaction History**: A dashboard where users can view past transactions, including dates and amounts sent.
5. **User Profile Management**: Users can update their profile information and manage their account settings.
6. **Admin Panel**: An interface for managing user permissions and monitoring transactions for security purposes.

## 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 forms and transaction history, and a footer with contact information and links to support.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Design UI Components**: Create reusable components for buttons, forms, and cards using Tailwind CSS for styling.
3. **Implement Authentication**: Set up user authentication using Firebase or Auth0 for secure login and registration.
4. **Develop Robux Transfer Feature**: Create a form for sending Robux, including validation for usernames and amounts.
5. **Implement Key Generation**: Develop the functionality for generating unique keys and linking them to user accounts.
6. **Build Transaction History Dashboard**: Create a component to display past transactions in a user-friendly format.
7. **Create Admin Panel**: Implement an admin interface for managing user permissions and monitoring transactions.
8. **Testing and Deployment**: Test the application thoroughly for bugs and performance issues before deploying it to a suitable hosting platform.

## USER EXPERIENCE
Users will begin by creating an account or logging in to the application. Once authenticated, they will be able to navigate to the Robux transfer feature, enter the recipient's username, specify the amount, and generate a key for the transaction. After submitting, they will receive confirmation, and the transaction will be recorded in their transaction history. The minimalistic design will ensure that users can easily navigate through the app and access the features they need without unnecessary distractions.