Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to allow users to send and manage their Robux, mimicking the aesthetic and functionality of Roblox. The application will focus on a clean, user-friendly interface that prioritizes ease of navigation and efficient transaction processes.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to allow users to create accounts and manage their Robux.
2. **Robux Management Dashboard**: A dedicated space for users to view their current Robux balance, transaction history, and account settings.
3. **Robux Transfer**: A feature that enables users to send Robux to other users within the platform.
4. **Transaction History**: A clear, organized log of all Robux transactions, showing dates, amounts, and recipients.
5. **Account Settings**: Users can modify personal information, change passwords, and configure notifications related to their Robux transactions.
6. **Help & Support**: A section for FAQs and customer support to assist users with any issues they may encounter.

## 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 layout will include a header with navigation links, a main dashboard area for the Robux management features, and a footer with 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)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Authentication Module**: Implement user registration and login functionality with secure authentication.
4. **Develop Dashboard**: Build the main dashboard layout with sections for Robux balance, transaction history, and transfer options.
5. **Implement Robux Transfer**: Create the functionality for users to send Robux to one another, including validation checks.
6. **Build Transaction History**: Design and implement a component to display the user’s transaction history in a user-friendly manner.
7. **Set Up Account Settings**: Allow users to edit their account details and preferences.
8. **Add Help & Support Section**: Create a simple FAQ and support page to assist users with common issues.
9. **Test Application**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs that arise.
10. **Deploy Application**: Use a service like Vercel or Netlify to deploy the application for public access.

## USER EXPERIENCE
Users will start by visiting the login page, where they can access their accounts or create a new one. Once logged in, they will be directed to their dashboard, where they can view their Robux balance and initiate transfers to other users. The transaction history will provide insights into their recent activities, while the account settings will allow for easy personalization. Users will have access to support resources to help them navigate the application effectively. The design will ensure a smooth and enjoyable experience, with a focus on responsiveness across devices.