Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a gifting platform similar to Roblox, allowing users to send and receive fake Robux. The app will create an engaging experience for users while maintaining a minimalist design aesthetic.

## CORE FEATURES
1. **User Registration**: Users can create an account to track their fake Robux balance and view their transaction history.
2. **Fake Robux Balance**: Each account will display a fake balance of 89,000 Robux, which users can send to others within the app.
3. **Send Robux**: Users can send fake Robux to other users by entering their username and the amount they wish to send.
4. **Transaction History**: A detailed history of all transactions made, showing the sender, receiver, and amount sent.
5. **Profile Management**: Users can update their profile information and view their current balance and transaction history.

## 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 header with navigation, a hero section showcasing the app's main features, a transaction section for sending Robux, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic UI Layout**: Design the header, hero section, transaction section, and footer using Tailwind CSS.
3. **Implement User Registration**: Create a registration form to allow users to sign up and log in.
4. **Develop Fake Robux Balance Logic**: Implement functionality to display a fake balance of 89,000 Robux for each user.
5. **Build Send Robux Feature**: Create a form to send Robux to other users, including validation for usernames and amounts.
6. **Set Up Transaction History**: Implement a component to display the user's transaction history in a clear and concise manner.
7. **Profile Management**: Allow users to update their profile and view their current balance and transaction history.

## USER EXPERIENCE
Users will be greeted with a clean and straightforward interface upon landing on the application. They can easily navigate to register or log in. Once logged in, they will see their fake Robux balance prominently displayed, with intuitive buttons to send Robux or view their transaction history. The minimalist design will ensure users can focus on their interactions without distractions. Responsive design will ensure a seamless experience across various devices.