Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for sending Robux securely and efficiently, allowing users to input any Roblox username and specify the amount of Robux they wish to send. With a user-friendly interface and an admin panel for key management, the app focuses on simplicity and functionality to enhance the user experience.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access their profiles and transaction history.
2. **Robux Sending Functionality**: Users can enter a username and the amount of Robux to send, facilitating quick and secure transactions.
3. **Admin Panel**: The admin can generate keys for users, set durations, and manage sent transactions with ease.
4. **Settings Button**: A settings button located in the top left corner allows users to manage preferences and view transaction history seamlessly.
5. **Responsive Design**: The application is optimized for both desktop and mobile devices, ensuring accessibility for all users.

## 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 features a header with the settings button, a central area for sending Robux, and a sidebar for the admin panel.

## 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 the Project**: Create a new React project with TypeScript and install Tailwind CSS for styling.
2. **Implement User Authentication**: Set up Firebase or a similar service to manage user authentication, allowing users to sign up and log in.
3. **Create the Robux Sending Interface**: Develop a user-friendly form where users can input the target username and the amount of Robux to send.
4. **Build the Admin Panel**: Implement a dedicated section for the admin to generate keys, manage users, and view transaction logs.
5. **Develop the Settings Functionality**: Create options in the settings for users to customize their preferences and view their transaction history.
6. **Ensure Responsiveness**: Utilize Tailwind CSS to guarantee that the application is responsive and functions well across various screen sizes.

## USER EXPERIENCE
Users will start on the login page, where they can sign in or create an account. After logging in, they will be directed to the main interface, enabling them to send Robux by entering the required information quickly. The settings button allows users to adjust their preferences, while the admin panel provides essential tools for managing keys and user transactions. The minimalist design ensures that users can navigate the application without distractions, enhancing their overall experience.