Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application mimics a Roblox Robux transfer page, allowing users to send Robux to friends as part of a playful interaction. The primary goal is to create a fun and engaging platform for users to simulate Robux transactions in a simple, intuitive interface.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to create accounts and access their profiles.
2. **Robux Sending Interface**: A straightforward form where users can enter a friend's username and the amount of Robux to send.
3. **Transaction History**: A dashboard section displaying past transactions, including sender, receiver, amount, and date.
4. **Balance Display**: A user-friendly section showing the current Robux balance of the user.
5. **Friend List Management**: Users can manage their friends list, allowing quick access to send Robux.
6. **Notification System**: Alerts to inform users of successful transactions or errors.

## 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**: A single-page layout with a navigation bar at the top, followed by a hero section, the main features, and a footer.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for the header, transaction form, balance display, transaction history, and notifications.
3. **Implement Authentication**: Set up user authentication using a backend service or a mock service for testing.
4. **Design Layout**: Utilize Tailwind CSS to implement the minimalist design with proper spacing and responsive design.
5. **Connect State Management**: Integrate state management to handle user data, including balances and transaction history.
6. **Test Functionality**: Conduct testing for all features, ensuring transactions are processed correctly and notifications are displayed.
7. **Deploy Application**: Deploy the application using a cloud service like Vercel or Netlify.

## USER EXPERIENCE
Users will navigate through a clean interface where they can easily log in or sign up. After authentication, they will see their balance prominently displayed. The Robux sending interface will be intuitive, allowing them to quickly enter a friend's username and the amount to send. Once a transaction is initiated, users will receive immediate feedback through notifications, and they can review their transaction history in an organized manner. The application will be fully responsive, ensuring a seamless experience across devices.