Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a Robux sending platform, similar in aesthetic to Roblox. Its main purpose is to allow users to send and manage Robux transfers within a clean, minimalist interface. The application will feature a settings button for user preferences, adding to the overall user experience.

## CORE FEATURES
1. **Robux Transfer**: Users can send and receive Robux easily with a simple input form and confirmation dialog.
2. **User Accounts**: Users can create accounts to manage their transactions and preferences securely.
3. **Transaction History**: A detailed overview of past transactions, including dates and amounts sent/received.
4. **Settings Menu**: A customizable settings menu accessible from the top left corner, allowing users to adjust their preferences.
5. **Realistic Textures**: The application will incorporate textures similar to those found in Roblox to enhance the visual experience.
6. **Responsive Design**: The interface will adapt seamlessly across devices, ensuring usability on mobile and desktop.

## 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 the settings button, a central content area for transaction management, and a sidebar for quick access to features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API as needed for managing user state and transactions.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create UI Components**: Develop reusable components for buttons, forms, and transaction displays using the shadcn/ui library.
3. **Implement Routing**: Set up routing for the application, ensuring users can navigate between the main interface and settings.
4. **Develop the Settings Menu**: Create the settings component with user preferences that can be saved to local storage or a backend.
5. **Integrate State Management**: Use Redux or Context API to manage user accounts and transaction history state.
6. **Design Responsive Layout**: Utilize Tailwind CSS to create a responsive layout that adjusts for mobile and desktop views.
7. **Test Functionality**: Conduct thorough testing of all features to ensure smooth user experience and functionality.
8. **Deploy the Application**: Choose a hosting solution and deploy the application for public access.

## USER EXPERIENCE
Users will interact with a straightforward interface where they can easily send Robux by entering the recipient's information and the amount. The settings menu will provide options for personalizing their experience, while the transaction history will allow users to keep track of their activities. The design will prioritize usability, ensuring that all interactions feel intuitive and engaging while maintaining a minimalist aesthetic.