Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of sending Robux in Roblox, aimed at users interested in exploring fake transactions within a playful and educational context. The primary goal is to create an engaging and user-friendly interface that provides users with an entertaining experience while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **User Authentication**: Secure user registration and login system that allows users to create accounts and manage their profiles.
2. **Robux Simulation**: An interactive feature that allows users to simulate sending Robux to other users with customizable amounts.
3. **Transaction History**: A section where users can view their past simulated transactions, offering a detailed view of the amounts sent and received.
4. **User Profiles**: Each user will have a profile showcasing their activity, including total Robux sent and received in simulations.
5. **Responsive Design**: The application will be fully responsive, providing a seamless experience across devices, from desktops to mobile phones.
6. **Help & Support**: A dedicated section for FAQs and support to assist users with any queries regarding the application.

## 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 top navigation bar, a central content area displaying features and interactions, and a footer with contact information and links to support.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux (for managing user sessions and transaction states)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI development.
3. **User Authentication**: Create authentication components for user registration and login, integrating Firebase or any other authentication service.
4. **Develop Main Features**: 
   - Implement the Robux simulation feature with input fields for transaction amounts.
   - Design the transaction history section, utilizing state management to store and retrieve past interactions.
5. **Profile Management**: Build user profile components that display user statistics and transaction history.
6. **Responsive Design**: Ensure all components are responsive using Tailwind's utility classes.
7. **Testing**: Conduct thorough testing for functionality and user experience on various devices.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start by creating an account or logging in to access the application. Upon logging in, they will be greeted with a dashboard where they can simulate sending Robux by entering desired amounts. They will have access to their transaction history and profile at any time. The navigation will be intuitive, ensuring users can easily find help or support if needed. The clean and minimalist design will enhance focus on content and interactions, providing a seamless user experience.