Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "robux" is a minimalist web application designed to provide users with a seamless and intuitive experience. The main purpose of this application is to serve as a platform for users to manage their virtual currency efficiently, with features that allow easy tracking, purchasing, and redeeming of Robux in a clean and user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process allowing users to create accounts and access their currency balance.
2. **Currency Dashboard**: A simple overview of the user's Robux balance, transaction history, and quick access to purchasing options.
3. **Purchase Robux**: An easy-to-use interface for users to purchase Robux, integrated with payment processing.
4. **Transaction Records**: A dedicated section for users to view their transaction history, including purchases and redemptions.
5. **Profile Management**: Users can manage their account settings, including password changes and notification preferences.
6. **Customer Support**: A support section where users can submit queries and receive assistance regarding their transactions and account issues.

## 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 dashboard area for user statistics and features, and a footer for additional links and support information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for global state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create a top navigation bar and footer using Tailwind CSS for styling, ensuring responsiveness for various screen sizes.
3. **User Authentication**: Implement user authentication using Firebase or a custom backend, creating forms for login and registration.
4. **Build Dashboard**: Develop the dashboard component that displays the user’s Robux balance and transaction history, ensuring it updates in real-time.
5. **Implement Currency Purchase**: Create a dedicated component for purchasing Robux, integrating a payment processing solution like Stripe.
6. **Transaction Records**: Develop a transaction history component that retrieves and displays a user’s past transactions from the database.
7. **Profile Management**: Implement a user profile component allowing users to update their settings and preferences.
8. **Customer Support Section**: Create a support page with a contact form for user inquiries and a FAQ section.

## USER EXPERIENCE
Users will enjoy a streamlined experience starting from a simple login interface, leading them directly to their dashboard upon successful authentication. The responsive design will ensure that they can easily navigate through the purchase options, view their transaction history, and manage their account settings. The minimalist aesthetic will keep the focus on functionality, making it easy for users to find what they need without distractions.

This prompt outlines a comprehensive plan for creating a fully functional minimalist web application that aligns with the user's vision.