Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to function as a fan-made Robux generator, enabling users to send custom amounts of Robux to other users within the Roblox platform. It features a clean and intuitive interface that mimics the look and feel of Roblox, enhancing user engagement and ease of use.

## CORE FEATURES
1. **User Authentication**: Allows users to create accounts and log in securely to manage their Robux transactions.
2. **Robux Sending Interface**: A simple form where users can input the recipient's username and the desired amount of Robux to send.
3. **Transaction History**: A dashboard feature that displays a history of sent transactions, showing details like recipient, amount, and date.
4. **Account Management**: Users can update their profile information and manage their passwords within their accounts.
5. **Support Section**: A dedicated area for FAQs and user support to assist with common issues and questions.

## 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 centered hero section for user engagement, followed by features highlights, user testimonials, and a clear call-to-action (CTA) at the bottom for account creation or login.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand for state management (if needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Zustand for state management to the project.
3. **Create Components**:
   - Build a `Header` component for navigation.
   - Develop a `Hero` component that highlights the app's purpose and features.
   - Create a `RobuxSender` component where users can send Robux.
   - Design a `TransactionHistory` component for displaying past transactions.
   - Implement an `AccountManagement` component for user profile updates.
4. **Implement Routing**: Use React Router to handle navigation between login, registration, and main app functionalities.
5. **Set Up Authentication**: Integrate user authentication using Firebase or a similar service.
6. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
7. **Test Functionality**: Conduct thorough testing for all features, focusing on user flows and error handling.
8. **Deploy Application**: Host the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will start by landing on a welcoming hero section where they can quickly understand the app's purpose. They will be able to sign up or log in to access the Robux sending feature. After logging in, users can easily navigate to the Robux sending interface, fill in the required details, and submit transactions. A dashboard will provide them with a clear view of their transaction history, enhancing usability and engagement. Support options will be readily available, ensuring users can find help when needed.