Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Robux Send Panel" is a web application designed to simulate the experience of sending Robux within a clean, user-friendly interface. The application allows users to create an account, send fake Robux to friends, and view transaction histories, all while maintaining a minimalist aesthetic focused on usability.

## CORE FEATURES
1. **User Authentication**: Users can sign up and log in to their accounts to manage their profile and transactions securely.
2. **Fake Robux Transactions**: Users can simulate sending Robux to other users within the app, with a simple interface for selecting amounts and recipients.
3. **Transaction History**: A detailed log of all transactions made within the application, allowing users to track their simulated Robux activity.
4. **User Profiles**: Each user has a profile page displaying their current Robux balance, transaction history, and account settings.
5. **Responsive Design**: The application will provide a seamless experience across devices, ensuring usability on both mobile and desktop platforms.

## 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 main content area for transactions and user profiles, and a footer with contact information. The design will prioritize a clean, straightforward flow from user sign-up to transaction completion.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React 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 Authentication Flow**: Build user registration and login forms, integrating authentication logic with local storage or a mock server for testing.
3. **Develop the Transaction Feature**: Create a simple form for sending fake Robux, including input validation and user selection.
4. **Implement Transaction History**: Build a component to display the list of transactions, fetching data from a local state or mock API.
5. **Design User Profiles**: Implement profile pages that show user information and transaction histories.
6. **Ensure Responsiveness**: Use Tailwind CSS to make the application responsive, testing across different device sizes.

## USER EXPERIENCE
Users will first encounter a simple sign-up or login page. Once logged in, they will be directed to their dashboard where they can view their fake Robux balance and navigate to the transaction page. The transaction process is straightforward: users select a recipient, enter an amount, and confirm the transaction. Users can access their transaction history at any time from their profile page. The entire application emphasizes ease of use and clarity, guiding users seamlessly through each interaction.