Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to visualize and manage their Robux (in-game currency for Roblox) through a clean and intuitive interface. The application emphasizes a straightforward process for sending and receiving Robux, ensuring a seamless user experience.

## CORE FEATURES
1. **User Authentication**: A secure login and registration process for users to manage their Robux accounts effectively.
2. **Robux Visualization Dashboard**: A concise dashboard that displays the user's current Robux balance, recent transactions, and options to send Robux.
3. **Send Robux Feature**: Enables users to send Robux to others easily through a simple form and confirmation process.
4. **Transaction History**: Users can view their past transactions, helping them track their Robux sends and receives.
5. **Profile Management**: Users can update their profile information, settings, payment methods, and notification preferences.
6. **Help & Support**: An integrated support section that assists users with common issues and queries.

## 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 visualizing Robux, and side panels for menu and transaction history.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux (if needed for managing user state and transactions)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Configure Tailwind CSS**: Set up Tailwind CSS with PostCSS and ensure it integrates smoothly with your React components.
3. **Create Authentication Module**: Implement user login and registration forms, integrating Firebase or a similar service for authentication.
4. **Build Dashboard Component**: Develop the dashboard layout to display the user's Robux balance and recent transactions.
5. **Implement Send Robux Functionality**: Create a form for sending Robux, ensuring validations and transaction confirmations are in place.
6. **Develop Transaction History Component**: Display a list of past transactions with filtering options if applicable.
7. **Set Up Profile Management**: Allow users to edit their profile and settings.
8. **Integrate Help & Support**: Add a section for user support and FAQs.
9. **Testing**: Conduct thorough testing for usability and functionality across different devices.
10. **Deployment**: Deploy the application on a platform like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions will include a streamlined authentication process, an easily navigable dashboard with clear calls-to-action for sending Robux, and an organized view of transaction history. Users will experience minimal friction in managing their Robux, with responsive design ensuring accessibility across various devices. The help and support section will provide quick answers to common questions, enhancing overall user satisfaction.