Lovable Prompt Creator - AI Prompt Generator

`code``code``code``code`## APPLICATION OVERVIEW
This project is a web application designed to replicate the functionalities of Robux Sender via Roblox Plus. It will allow users to send Robux easily and securely within the Roblox platform. The application will focus on a user-friendly interface and straightforward navigation to enhance user experience.

## CORE FEATURES
1. **User Authentication**: Secure login system for users to create accounts and manage their profiles.
2. **Robux Transfer**: Main feature allowing users to send Robux to other Roblox accounts quickly and efficiently.
3. **Transaction History**: Users can view their past transactions, including details on amounts sent and recipient accounts.
4. **Account Management**: Users can update their profile information and manage their security settings.
5. **Support Center**: An integrated help section where users can get assistance and FAQs related to the application.

## 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 will feature a responsive grid with a navigation bar at the top, a hero section for key actions, followed by feature sections, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state across components.

## IMPLEMENTATION STEPS
1. **Set up the Application**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Design the Navigation Bar**: Create a responsive navigation bar that includes links to Home, Send Robux, Transaction History, and Support.
3. **Implement User Authentication**: Set up user registration and login functionality, including form validation and error handling.
4. **Create the Robux Transfer Form**: Develop the user interface for sending Robux, including input fields for recipient username and amount, and a submit button.
5. **Build the Transaction History Component**: Create a component that fetches and displays users' transaction records from the backend.
6. **Develop Account Management Features**: Allow users to update their profile information and change security settings.
7. **Integrate the Support Center**: Add a help section with FAQs and contact forms for user inquiries.
8. **Test the Application**: Conduct thorough testing for usability, security, and performance before deployment.

## USER EXPERIENCE
The application will feature a smooth onboarding experience with guided prompts for new users. Once logged in, users will navigate effortlessly through a clean interface, easily accessing the Robux transfer feature and reviewing their transaction history. The minimalistic design ensures that users can focus on their tasks without distractions, and responsive design will ensure optimal performance across devices.