Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the sending of virtual currency (rubox) in a minimalist and user-friendly interface. The main purpose of the application is to provide users with an interactive experience that allows them to send and receive rubox in a simple and engaging manner.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to create and manage their accounts.
2. **Rubox Sending**: A straightforward interface for users to send rubox to other users, including input for the recipient's username and amount.
3. **Transaction History**: A dashboard displaying a history of all transactions made, allowing users to track their sending activity.
4. **Balance Overview**: A feature that shows the current balance of rubox for the user, visually updated in real-time after transactions.
5. **Notifications**: Real-time notifications for successful transactions or any issues encountered while sending rubox.
6. **Profile Management**: An area for users to update their personal information and view their account details.

## 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, a hero section for quick actions, followed by user transaction history and balance overview sections arranged vertically for clarity and ease of use.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, depending on complexity of state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App. Install Tailwind CSS and configure it.
2. **Create Authentication System**: Implement user authentication using Firebase or a similar service for handling user accounts.
3. **Build Core Features**: 
   - Develop the rubox sending interface with form validation.
   - Create a transaction history component that fetches and displays data from the backend.
4. **Design UI Components**: Use Tailwind CSS to style components according to the design specifications, ensuring that all buttons and inputs have the specified border radius and color.
5. **Implement Notifications**: Use a notification library to provide real-time feedback to users on their transactions.
6. **Conduct Testing**: Perform thorough testing of the application to ensure all features work as expected and fix any bugs that arise.

## USER EXPERIENCE
The user experience will be intuitive and straightforward, allowing users to quickly navigate through the application. Upon logging in, users will see their balance and have easy access to the rubox sending feature. Notifications will inform users of the status of their transactions, and the transaction history will provide transparency. Overall, the design will focus on simplicity and responsiveness to ensure a pleasant experience across devices.