Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of sending Robux, allowing users to engage in a fun and interactive way. The main purpose is to create a platform that mimics the sending of virtual currency, providing an entertaining experience while ensuring a clean and minimalist design.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to save their preferences and transaction history.
2. **Send Robux Simulation**: A simple interface where users can enter an amount of Robux to "send" to another user, with fun animations and confirmations.
3. **Transaction History**: Users can view their past simulated transactions, providing a sense of accomplishment and engagement.
4. **User Profiles**: Each user has a profile where they can see their stats, achievements, and a history of their simulated transactions.
5. **Interactive Tutorials**: Guided walkthroughs to help new users understand how to use the application effectively.
6. **Responsive Design**: Ensures a seamless experience across devices, from desktop to mobile.

## 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 sending Robux and displaying transaction history, and a footer with contact information and links to tutorials.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create User Authentication**: Implement user registration and login features using Firebase Authentication or a similar service.
3. **Develop Send Robux Feature**: Create the main interface for sending Robux, including input fields, buttons, and animations.
4. **Build Transaction History**: Create a component to display past transactions, fetching data from the local state or a backend service.
5. **Design User Profiles**: Implement user profiles showcasing user stats and transaction history.
6. **Responsive Design**: Use Tailwind CSS classes to ensure the application is mobile-friendly and visually appealing across all devices.
7. **Testing and Debugging**: Conduct extensive testing to ensure all features work as intended and fix any bugs.

## USER EXPERIENCE
Users will start on the homepage, where they can easily create an account or log in. The intuitive navigation will guide them to the Robux sending feature, where they can input amounts and select recipients. After submitting a transaction, users will receive visual feedback, and their transaction history will be updated in real-time. The minimalist design ensures that users can focus on interactions without distractions, enhancing overall engagement and satisfaction.