Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that simulates the experience of sending Robux, the virtual currency used in Roblox. Users will be able to "fake" sending Robux to friends, enhancing their gaming experience with an engaging interface that focuses on simplicity and usability.

## CORE FEATURES
1. **User Authentication**: Allow users to sign up and log in to their accounts securely to track their fake transactions.
2. **Fake Transaction Simulator**: Users can input the amount of Robux they want to "send" and select a recipient, simulating the transaction.
3. **Transaction History**: A section that displays a history of all fake transactions made by the user, enhancing the experience and providing a fun way to revisit past "sends."
4. **Profile Management**: Users can customize their profiles and view their current "Robux balance," which is purely for display purposes.
5. **Friend List Integration**: Users can add friends to their account, making it easy to select recipients for fake transactions.
6. **Mobile Responsiveness**: The application will be fully responsive, ensuring a seamless experience across all devices.

## 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 simple header, a central content area for features and forms, and a footer with contact information. Each page will maintain ample white space to create a clean look.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Redux (if needed)

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for UI components.
3. **Implement Routing**: Use React Router to create different pages for the app (e.g., Home, Transaction History, Profile).
4. **Create Authentication System**: Set up user authentication using Firebase or a similar service for secure sign-ups and log-ins.
5. **Develop Features**: 
   - Build the Fake Transaction Simulator form to capture user inputs and simulate sending Robux.
   - Develop the Transaction History page to display all fake transactions.
   - Create a Profile Management section where users can edit their details and view their balance.
6. **Responsive Design**: Ensure that all components are responsive and usable on mobile devices.
7. **Test the Application**: Conduct thorough testing to ensure all features work as intended and fix any bugs.

## USER EXPERIENCE
The application will provide a straightforward user experience, allowing users to easily navigate between different sections. Upon logging in, users will see a dashboard with options to send Robux, view transaction history, and manage their profile. The clean, minimalist design will facilitate focus on the core functionalities, while responsive design will ensure usability on any device. Users will enjoy the seamless flow of interactions, from sending Robux to reviewing past transactions, making the experience both engaging and enjoyable.