Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Robux" is a web application designed to provide users with a streamlined interface for managing their virtual currency in gaming environments. The application focuses on delivering essential features for tracking, purchasing, and transferring Robux, enhancing user engagement and satisfaction.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality that allows users to create accounts and manage their profiles.
2. **Robux Balance Tracker**: A feature that displays the user's current Robux balance and transaction history in a clear and concise manner.
3. **Purchase Options**: Simple and intuitive options for users to purchase Robux directly through the application.
4. **Transfer Functionality**: Allow users to send and receive Robux between accounts effortlessly.
5. **Notifications**: Alerts for significant account activity, including successful purchases and transfers.
6. **Support Section**: An integrated help center providing FAQs and customer support for user inquiries.

## 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 consists of a header with navigation links, a hero section for user engagement, a features section outlining core functionalities, and a footer with contact and support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing user authentication and state throughout the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Configure Routes**: Set up React Router for navigation between the authentication, dashboard, and support pages.
3. **Build Authentication Module**: Create sign-up and login components with form validation and error handling.
4. **Develop Robux Balance Tracker**: Implement a component that fetches and displays the user's Robux balance and transaction history.
5. **Create Purchase Options**: Design and develop a purchase component that integrates payment processing.
6. **Implement Transfer Functionality**: Build a transfer component allowing users to send Robux to other users.
7. **Add Notifications System**: Integrate a notification component to alert users of important account activity.
8. **Establish Support Section**: Develop a help center with FAQs and a contact form for support inquiries.
9. **Testing**: Conduct thorough testing for usability, responsiveness, and functionality across devices.
10. **Deployment**: Prepare the application for deployment using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a smooth onboarding process through easy sign-up and login flows. The dashboard will provide quick access to their Robux balance, with clear options for purchasing and transferring funds. Notifications will keep users informed about their account activity, while the support section ensures they have the assistance they need. The minimalist design will facilitate a focus on functionality, making the application not only easy to navigate but also enjoyable to use.