Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for sending Robux securely and efficiently within the Roblox ecosystem. Users can input any Roblox username and specify the amount of Robux they wish to send, ensuring a seamless transaction experience. The app includes an admin panel for key management, focusing on user-friendliness and functionality.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access the system, ensuring secure transactions.
2. **Robux Sending Functionality**: A simple interface allows users to enter a username and the amount of Robux to send, facilitating quick and easy transactions.
3. **Admin Panel**: The admin can manage user keys, set durations, and oversee sent transactions, ensuring effective control over the process.
4. **Settings Button**: Users can access a settings button to manage preferences and view transaction history conveniently.
5. **Responsive Design**: The application will be optimized for both desktop and mobile devices, guaranteeing 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 will include a header with the settings button, a central area dedicated to 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, allowing users to sign up and log in securely.
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 section where the admin can generate keys, manage users, and view transaction logs efficiently.
5. **Develop the Settings Functionality**: Create settings options that allow users to adjust their preferences and view their transaction history easily.
6. **Ensure Responsiveness**: Utilize Tailwind CSS to ensure the application is fully responsive and functions well across various screen sizes.

## USER EXPERIENCE
Users will start on a login page where they can either sign in or create a new account. Upon logging in, they will be directed to the main interface where sending Robux is straightforward—simply enter the required username and amount. The settings button provides easy access to preference customization, while the admin panel equips the admin with necessary tools for managing keys and user transactions. The minimalist design focuses on clarity and ease of navigation, ensuring a pleasant user experience.