Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
This project is a web application that allows users to visualize and manage their Robux (in-game currency for Roblox) in a clean and intuitive interface. The app focuses on providing users with a straightforward way to send and receive Robux while ensuring a seamless experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to manage their Robux accounts.
2. **Robux Visualization Dashboard**: A clear and concise dashboard displaying the user's current Robux balance, recent transactions, and sending options.
3. **Send Robux Feature**: Allow users to send Robux to other users with a simple form and confirmation process.
4. **Transaction History**: Users can view their transaction history, displaying past sends and receives for better tracking.
5. **Profile Management**: Users can update their profile information and settings, including payment methods and notification preferences.
6. **Help & Support**: An integrated support section to assist 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**: Setup Tailwind CSS with PostCSS and ensure it works 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 displaying the user's Robux balance and recent transactions.
5. **Implement Send Robux Functionality**: Create a form for sending Robux, ensuring proper validations and transaction confirmations.
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**: Thoroughly test the application for usability and functionality across different devices.
10. **Deployment**: Deploy the application on a platform like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions 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 on various devices. The help and support section will provide quick answers to common questions, enhancing overall satisfaction.