Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to send and receive Robux, similar to the functionality found in Roblox. The application will facilitate a seamless and secure transaction process, enabling users to manage their Robux balance and initiate transfers with ease.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to create and manage their accounts.
2. **Robux Wallet**: A virtual wallet displaying users' current Robux balance and transaction history.
3. **Send Robux**: Functionality for users to send Robux to other users by entering their username and the desired amount.
4. **Receive Robux**: Users can receive Robux from others and view incoming transaction requests.
5. **Transaction Notifications**: Alerts and notifications for successful transactions and pending requests.
6. **Profile Management**: Users can update their profiles, including usernames and payment methods.

## 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 layout will consist of a top navigation bar with user account options, a central dashboard for displaying wallet information, and sections for sending and receiving Robux, all arranged in a clean and intuitive manner.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure with a header, sidebar, and dashboard area using Tailwind CSS for styling.
3. **User Authentication**: Implement user login and registration features using a backend service or Firebase.
4. **Robux Wallet**: Develop the wallet component to display balances and transaction history.
5. **Send/Receive Robux Functionality**: Create forms for sending and receiving Robux, including validation and notification logic.
6. **Transaction Notifications**: Implement a notification system to alert users about transaction statuses.
7. **Profile Management**: Build a profile page where users can update their information.
8. **Testing & Deployment**: Conduct thorough testing for user flows and deploy the application to a cloud service.

## USER EXPERIENCE
Users will have an intuitive experience starting from the login screen, where they can easily access their wallets. The dashboard will prominently display their Robux balance and allow for quick navigation to send or receive Robux. Notifications will keep users informed about their transactions, enhancing engagement and satisfaction with the application’s functionality. The minimalist design ensures a focus on usability, while the responsive layout guarantees accessibility across devices.