Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for Robux management, replicating features found in Roblox. Users will be able to view their Robux balance, send Robux to other users, and access a comprehensive menu similar to Roblox Plus for managing their transactions. The app focuses on providing a seamless and engaging user experience.

## CORE FEATURES
1. **User Account Management**: Users can create accounts, log in, and securely manage their profiles.
2. **Robux Balance Display**: The application prominently shows the current Robux balance (13,432 Robux) on the dashboard.
3. **Send Robux Functionality**: Users can send Robux to others with an intuitive interface for entering recipient details and amounts.
4. **Transaction History**: A detailed log of past transactions, including sent and received Robux, is accessible to users.
5. **Robux Menu**: A comprehensive menu mimicking Roblox Plus, allowing effective management of Robux options.
6. **Responsive Design**: The app is fully responsive, ensuring usability on both desktop and mobile 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 consists of a top navigation bar for account management, a central dashboard displaying the Robux balance and transaction history, and a side menu for accessing Robux functionalities and options.

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

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with the TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (Redux or Context API).
3. **Design the Layout**: Create a responsive layout with a navigation bar, dashboard, and side menu using Tailwind CSS.
4. **Implement User Authentication**: Set up user registration, login, and profile management features.
5. **Develop Core Features**: Build the Robux balance display, sending functionality, and transaction history components.
6. **Create the Robux Menu**: Design and implement the menu that mimics Roblox Plus for managing Robux options.
7. **Testing**: Conduct thorough testing for usability, responsiveness, and any potential bugs.
8. **Deployment**: Deploy the application to a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start by creating an account or logging in. Upon logging in, they will see their Robux balance prominently displayed. They can navigate to send Robux to other users via the side menu, which guides them through entering recipient details and amounts. The transaction history allows users to track their activities, enhancing transparency and usability. The minimalist design ensures that users can focus on their transactions without unnecessary distractions.