Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
robuxsenderco.lovabld.app is a web application designed to facilitate the sending and receiving of Robux, the virtual currency used in Roblox. This application aims to provide users with a seamless and secure way to transfer Robux among friends or within the community, enhancing user engagement and interaction within the Roblox ecosystem.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process for users to create accounts and manage their Robux transactions.
2. **Robux Transfer**: Simple interface for users to send and receive Robux, including options to enter recipient details and transfer amounts.
3. **Transaction History**: A dashboard feature that allows users to view their past transactions, including dates, amounts, and recipient details.
4. **Profile Management**: Users can manage their profiles, including updating personal information and checking current Robux balance.
5. **Notifications**: Alerts for successful transactions and updates on account activities to keep users informed.
6. **Support & FAQs**: A dedicated section for user support, providing answers to common questions regarding transactions and account management.

## 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 structure includes a top navigation bar, a hero section for user engagement, followed by a features section, transaction history, and a footer for support and additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (or React Context if preferred).

## IMPLEMENTATION STEPS
1. **Setup the Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install necessary dependencies: React Router, Redux (or Context), Tailwind CSS, and shadcn/ui.
  
2. **Create the Project Structure**:
   - Organize folders for components, pages, services, and assets.
   - Create a basic folder structure with components for the navigation bar, transaction history, profile management, and notification sections.

3. **Implement User Authentication**:
   - Set up authentication using JWT (JSON Web Tokens) for secure login and registration.
   - Create forms for user registration and login using controlled components.

4. **Develop the Robux Transfer Feature**:
   - Build a form for sending Robux, including input validation and error handling.
   - Implement functionality to update user balances upon successful transfers.

5. **Create Transaction History Dashboard**:
   - Fetch and display past transactions using a list component.
   - Ensure users can filter or sort the history based on date or amount.

6. **Implement Profile Management**:
   - Allow users to view and edit their profiles, including updating their email and password.
  
7. **Set up Notifications**:
   - Integrate a notification system to alert users of successful transfers and important account changes.

8. **Build the Support & FAQs Section**:
   - Create a simple FAQ page that answers common user questions.
   - Include contact options for further support.

9. **Test the Application**:
   - Conduct thorough testing to ensure all features work as expected and fix any bugs.

10. **Deploy the Application**:
    - Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with a clean and straightforward interface, focusing on essential actions such as logging in, sending Robux, and viewing transaction history. The user journey begins with authentication, leading to the main dashboard where users can quickly access the transfer feature. Clear notifications and an intuitive layout will guide users through each step, ensuring a smooth and enjoyable experience while managing their Robux transactions. The application will be fully responsive, providing an optimal experience on both desktop and mobile devices.