Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to replicate the interface and functionality of the Roblox Robux platform, allowing users to buy and send Robux within a minimalist and user-friendly design. It aims to create an engaging experience for users while showcasing the primary feature of managing Robux transactions.

## CORE FEATURES
1. **Robux Purchase**: Users can buy Robux with a simple and intuitive interface that mimics the Roblox design, featuring attractive buttons and prompts.
2. **Robux Transfer**: Users can send Robux to other usernames, with real-time updates on balances and transaction confirmations.
3. **User Dashboard**: A personalized dashboard displaying the user's current Robux balance ("90T"), transaction history, and options for quick access to purchase or transfer.
4. **Username Pop-ups**: Notifications and pop-ups that show active usernames, enhancing the interactive experience as users engage with the application.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across all devices, from desktops to mobile phones.

## 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 top navigation bar, a central user dashboard area, and side panels for additional features such as transaction history.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing global state related to user transactions and balances.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Build reusable components for the navigation bar, dashboard, and pop-up notifications using shadcn/ui.
3. **Implement Core Features**:
   - Develop the Robux purchase component with a payment gateway mockup.
   - Create the Robux transfer functionality, including input fields for usernames and amounts.
   - Set up the user dashboard to display current balance and transaction history.
4. **Integrate State Management**: Use Redux to handle the state for balances and transactions, ensuring real-time updates and responsiveness.
5. **Style Components**: Apply Tailwind CSS classes to ensure the design specifications are met, focusing on the minimalist aesthetic.
6. **Testing and Optimization**: Conduct thorough testing for functionality and responsiveness, optimizing for different devices.

## USER EXPERIENCE
Users will interact with the application through a clean interface that allows for easy navigation between purchasing and transferring Robux. The dashboard will provide them with a clear overview of their balance and history, while pop-up notifications will enhance engagement by displaying active usernames and transaction confirmations. The application will ensure that all interactions are smooth and intuitive, maintaining a focus on user satisfaction.