Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for sending Robux securely and efficiently. It allows users to input any Roblox username and specify the amount of Robux they wish to send. The app features an admin panel for key management, facilitating a user-friendly experience with a focus on simplicity and functionality.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access the system securely.
2. **Robux Sending Functionality**: Users can enter a username and the amount of Robux to send, enabling quick and straightforward transactions.
3. **Admin Panel**: Administrators can create and manage user keys, set durations, and oversee sent transactions.
4. **Settings Button**: A settings button located in the top left corner allows users to manage preferences and view transaction history.
5. **Responsive Design**: The application will be optimized for both desktop and mobile devices, ensuring accessibility across platforms.

## 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 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 for user authentication, enabling users to sign up and log in securely.
3. **Create the Robux Sending Interface**: Develop a form where users can input the target username and the amount of Robux to send, ensuring easy usability.
4. **Build the Admin Panel**: Implement a section where the admin can generate keys, manage users, and view transaction logs efficiently.
5. **Develop the Settings Functionality**: Create options that allow users to adjust preferences and view their transaction history seamlessly.
6. **Ensure Responsiveness**: Utilize Tailwind CSS to ensure the application is responsive and provides a good user experience across various screen sizes.

## USER EXPERIENCE
Users will start on the login page where they can sign in or create an account. Once logged in, they will access the main interface for sending Robux by entering the required information. The settings button allows users to customize their preferences, while the admin panel provides necessary tools for managing keys and user transactions. The minimalist design ensures users can navigate the application without distractions, enhancing their overall experience.