Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Send-fake-robux.lovable.app is a web application designed to simulate the experience of sending fake Robux, a virtual currency used in the online game Roblox. The application aims to provide a playful yet engaging interface for users to interact with, allowing them to send and receive virtual currency in a fun and secure environment.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create an account and log in securely to manage their profiles and track their fake Robux transactions.
2. **Send Fake Robux**: A simple interface where users can select the amount of fake Robux to send to their friends, complete with a confirmation step to prevent accidental transactions.
3. **Receive Fake Robux**: Users can view incoming fake Robux requests from friends and accept or decline them easily.
4. **Transaction History**: A dashboard displaying a chronological list of all transactions, including sent and received amounts, with timestamps.
5. **Profile Management**: Users can customize their profiles, including usernames, avatars, and preferences for notifications.
6. **Referral System**: Encourage user growth by allowing users to earn additional fake Robux for each new user they refer to the platform.

## 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 responsive layout featuring a top navigation bar, a central hero section for sending fake Robux, a transaction history panel, and user profile management options displayed in cards.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing application state

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux Toolkit to the project.
3. **Create Folder Structure**: Organize the project into components, pages, and utilities folders.
4. **Design Components**: Build reusable components such as buttons, cards, and input fields with Tailwind CSS.
5. **Implement Routing**: Use React Router to manage navigation between different pages (e.g., Home, Profile, Transaction History).
6. **Develop Auth Flow**: Set up user registration and login functionality using a mock authentication service.
7. **Transaction Logic**: Implement the logic for sending and receiving fake Robux, including updating the transaction history.
8. **Profile Management**: Create a profile page where users can edit their details and view their transaction history.
9. **Testing**: Write unit tests for key components and features to ensure reliability and performance.
10. **Deployment**: Deploy the application using a suitable hosting service like Vercel or Netlify.

## USER EXPERIENCE
The application provides a seamless user experience by ensuring that all interactions are intuitive and straightforward. Users will start on the homepage, where they can easily navigate to send fake Robux. The transaction confirmation steps will include clear prompts to enhance user confidence. The profile management section will be easily accessible, allowing users to update their information without hassle. Responsive design ensures that the application works well on both desktop and mobile devices, providing a consistent experience across all platforms.