Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a Robux sending platform that mimics the aesthetic and functionality of Roblox. The application will allow users to send Robux to others seamlessly, featuring a minimalist design with realistic textures and a user-friendly settings button in the top-left corner for quick access to options.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to manage their accounts and transactions.
2. **Robux Transfer**: A simple interface for users to send Robux to friends or other users, including input fields for selecting the recipient and amount.
3. **Transaction History**: A section displaying the history of sent and received Robux, allowing users to track their transactions.
4. **Settings Menu**: Access to user preferences and account settings through a settings button located in the top-left corner of the application.
5. **Responsive Design**: The application will be fully responsive, ensuring a smooth user experience across all devices.

## 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 for accessibility, a central area for Robux transfer and history, and a sidebar for settings and user preferences.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API or Redux if advanced state management is required.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Flow**: Implement user authentication with registration, login, and secure session handling.
3. **Design Layout**: Construct the main layout using Tailwind CSS, ensuring responsiveness and minimalism.
4. **Build Core Features**: 
   - Develop the Robux transfer component with input validation.
   - Create the transaction history section and connect it to the backend.
   - Implement the settings menu accessible from the top-left corner.
5. **Testing**: Test the application for usability and ensure all features work as intended.
6. **Deploy**: Deploy the application to a hosting platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Users will experience a straightforward interface where they can quickly log in, send Robux, and view past transactions. The settings menu will provide easy access to personal preferences without cluttering the main interface. The minimalist design will allow users to focus on functionality while enjoying a smooth and engaging experience.