Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate sending fake Robux in Roblox. The primary purpose is to provide users with a playful interface where they can generate and send faux Robux amounts to friends or showcase them in their profiles. The application will cater to a younger audience, prioritizing fun and engagement while maintaining a clean and user-friendly experience.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to secure their profiles and saved transactions.
2. **Robux Generator**: A feature that allows users to generate custom amounts of fake Robux to send to friends.
3. **Send Fake Robux**: Users can select friends from their list and send generated Robux amounts directly.
4. **Transaction History**: A dashboard that displays all past transactions, showing who received what amounts.
5. **Profile Customization**: Users can customize their profiles, including their display name and avatar.
6. **Friend List Management**: Users can manage their friends' list, adding and removing friends as needed.

## 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 top navigation bar, a central content area for features and transaction history, and a sidebar for profile customization and friend list management.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components library.
3. **Create Project Structure**: Organize the project into components, pages, and services for better maintainability.
4. **Implement Authentication**: Set up user authentication using a suitable method (Firebase Auth, Auth0, etc.).
5. **Develop Core Features**: Build the Robux generator and sending functionality, ensuring to validate inputs and manage state properly.
6. **Create Transaction History Dashboard**: Design a responsive component to display transaction history.
7. **Implement Profile Customization**: Allow users to change their profile settings and manage their friends list.
8. **Testing**: Conduct unit tests and end-to-end tests to ensure functionality and fix any bugs.
9. **Deploy the Application**: Use a service like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will have a seamless experience, starting from a simple registration and login process. The main dashboard will provide easy access to the Robux generator, enabling quick interactions. The profile customization will be intuitive, allowing users to personalize their experience. The application will be responsive, ensuring usability across devices, and will maintain a playful yet clean aesthetic throughout.