Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that simulates a Roblox account background showcasing an impressive amount of fake Robux (1,000M+). Users will be able to send fake Robux to other users, enhancing the gaming experience in a playful manner. The application will focus on a clean and minimalist design, making it easy to navigate while ensuring a fun and engaging user experience.

## CORE FEATURES
1. **Account Background Display**: Show a visually appealing background that features the user's Roblox account stats, including a large number of fake Robux.
2. **Fake Robux Transfer**: Allow users to send fake Robux to others with a simple and intuitive interface.
3. **User Authentication**: Implement a user authentication system for account creation and login to provide a personalized experience.
4. **Transaction History**: Display a history of fake Robux transactions for users to keep track of their activities.
5. **User Profiles**: Enable users to view and edit their profiles, including display names and profile pictures.
6. **Responsive Design**: Ensure the application is fully responsive, providing a seamless experience across 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 feature a centered hero section at the top showcasing the fake Robux amount, followed by sections for account features, transaction history, and a user profile area.

## 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 React application**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Configure Tailwind CSS for styling by following the official installation guide.
3. **Create the main components**: Build components for the hero section, fake Robux transfer, transaction history, and user profile.
4. **Implement user authentication**: Set up Firebase or a similar service for user authentication.
5. **Develop the fake Robux transfer feature**: Create a form that allows users to input the amount of fake Robux they wish to send.
6. **Set up transaction history**: Create a component that fetches and displays the user's transaction history.
7. **Ensure responsive design**: Use Tailwind CSS's responsive utilities to make the application mobile-friendly.

## USER EXPERIENCE
Users will start by logging into their accounts, where they will immediately see their account background with the fake Robux prominently displayed. They can easily navigate to the transfer feature, enter the recipient and amount of fake Robux, and complete the transaction with a single click. The transaction history will allow users to monitor their activities, while the profile section enables them to customize their display name and picture. The minimalist design will ensure that users are not overwhelmed, allowing them to focus on enjoying the playful elements of the application.