Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This web application is designed for securely and efficiently sending Robux to Roblox usernames. Users can easily input a username and specify the amount of Robux they wish to send. The app includes an admin panel for key management, allowing the creator to generate keys with specific durations for other users, all while maintaining a user-friendly and minimalist experience.

# CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access the system, ensuring secure transactions.
2. **Robux Sending Functionality**: Users can enter a username and the amount of Robux to send, enabling quick and straightforward transactions.
3. **Admin Panel**: Admins can generate user keys, set durations, and manage transaction logs to ensure smooth operations.
4. **Settings Button**: A settings button allows users to manage preferences and view their transaction history seamlessly.
5. **Responsive Design**: The application is optimized for both desktop and mobile devices, enhancing 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 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 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 user permissions, and view transaction logs.
5. **Develop the Settings Functionality**: Create options that allow users to customize their preferences and view their transaction history.
6. **Ensure Responsiveness**: Utilize Tailwind CSS to ensure the application is fully responsive across various devices and screen sizes.

# USER EXPERIENCE
Users will start on the login page where they can either sign in or create a new account. After logging in, they will be directed to the main interface where they can quickly send Robux by entering the required information. The settings button in the top left corner allows users to easily customize their preferences and view transaction history. The minimalist design promotes efficient navigation, ensuring that users can complete their tasks without distractions, ultimately enhancing their overall experience.