Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate sending fake Robux, a virtual currency used in the online game Roblox. The main purpose is to provide users with a fun, interactive experience where they can pretend to send Robux to friends or themselves without any actual transactions taking place. The application will focus on a clean, minimalist design to enhance user engagement while ensuring simplicity and ease of use.

## CORE FEATURES
1. **User Account Creation**: Allow users to create an account to save their preferences and track their fake Robux transactions.
2. **Send Fake Robux**: A feature that enables users to input a friend's username and specify an amount of fake Robux to "send."
3. **Transaction History**: Users can view a log of their previous fake transactions for a fun retrospective.
4. **Profile Customization**: Users can customize their profiles with avatars and display names.
5. **Friend List Management**: Users can add and manage a list of friends to whom they can send fake Robux easily.
6. **Social Sharing Options**: Users can share their fake transactions on social media platforms for fun engagement.

## 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 include a top navigation bar, a central hero section for the main feature, followed by sections for transaction history, friend list, and profile customization, ensuring a straightforward and intuitive user experience.

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

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new React project with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and other necessary libraries.
3. **Create the folder structure**: Organize components, pages, and styles in a clear structure.
4. **Implement routing**: Set up React Router for navigation between different sections (e.g., home, transaction history, profile).
5. **Build user authentication**: Create a simple login and registration system using Local Storage for demo purposes.
6. **Develop main features**: 
   - Implement the fake Robux sending functionality.
   - Create components for transaction history and friend list management.
7. **Design UI components**: Use Tailwind CSS to style components according to the design specifications, ensuring a minimalist aesthetic.
8. **Test the application**: Conduct thorough testing to ensure all features work as expected and the UI is responsive.

## USER EXPERIENCE
Users will interact with a straightforward interface, starting on the home page where they can quickly access the "Send Fake Robux" feature. They will enter a username and the desired amount to send, receiving instant feedback on their transaction. Users can navigate to their transaction history and friend list with ease, with clear and concise buttons leading to each feature. The overall experience will focus on fun and engagement, ensuring users enjoy the whimsical nature of sending fake Robux.