Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a "fake send robux" experience. Its main purpose is to provide users with a playful interface where they can engage with a simplified version of the popular currency system in online gaming. The application will not perform any actual transactions but will create an entertaining platform for users to explore.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create an account or log in to access personalized experiences and track their interactions.
2. **Robux Simulation Dashboard**: A central hub where users can see their simulated balance, recent transactions, and available options.
3. **Send Robux Functionality**: Users can simulate sending robux to friends within the app, showcasing a fun and interactive feature.
4. **Transaction History**: A detailed view of all simulated transactions, allowing users to review their activity and interactions.
5. **Profile Customization**: Users can customize their profiles, including avatars and usernames, enhancing engagement.
6. **Responsive Design**: The application will be fully responsive, ensuring a smooth experience on both desktop and mobile 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 header with navigation, a central dashboard area for displaying content, and a footer with contact information and links.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the User Authentication Module**: Implement user registration and login functionality using Firebase or an equivalent service.
3. **Develop the Dashboard**: Build the dashboard component to display the user's simulated robux balance and quick actions.
4. **Implement the Send Robux Feature**: Create a form for users to input their friend's username and the amount of robux to send.
5. **Build Transaction History**: Develop a component to display a list of all simulated transactions.
6. **Design Profile Customization**: Allow users to upload avatars and change usernames, updating the user profile interface accordingly.
7. **Ensure Responsiveness**: Use Tailwind CSS utilities to make the application responsive on various devices.

## USER EXPERIENCE
Users will begin by creating an account or logging in to access their dashboard, where they can view their simulated robux balance. They can easily navigate to the send robux feature to engage with friends, explore their transaction history for fun interactions, and customize their profile for a personalized touch. The entire experience will be intuitive and designed to keep users engaged while maintaining a minimalist aesthetic.