Lovable Prompt Creator - AI Prompt Generator

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

## CORE FEATURES
1. **User Account Management**: Users can create accounts, log in, and manage their profiles securely.
2. **Robux Balance Display**: The application will show the current Robux balance (13,432 Robux) prominently on the dashboard.
3. **Send Robux Functionality**: Users can send Robux to other users, with a simple and intuitive interface for entering recipient details and amounts.
4. **Transaction History**: A detailed log of all past transactions, including sent and received Robux, will be accessible to users.
5. **Robux Menu**: A comprehensive menu that mimics Roblox Plus, allowing users to manage their Robux effectively and access various options.
6. **Responsive Design**: The app will be 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 will consist of a top navigation bar for account management, a central dashboard for displaying the Robux balance and transaction history, and a side menu for accessing the 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 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 to their existing account. Upon logging in, they will see their Robux balance prominently displayed. They can easily navigate to send Robux to other users via the side menu, which will guide them through the process of entering recipient details and amounts. The transaction history will allow users to track their activities, enhancing transparency and usability. The overall minimalist design ensures that users can focus on their transactions without unnecessary distractions.