Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the realistic sending of Robux from one user to another. The application will allow users to enter the recipient's username, ensuring an immersive experience with lifelike character representations. The main purpose is to create a platform that feels authentic and engaging while providing functionality for transferring Robux.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely to manage their Robux transactions.
2. **Robux Transfer Interface**: A straightforward form where users can input the recipient's username and the amount of Robux to send.
3. **Realistic Character Representation**: Display character avatars based on user input to enhance the realism of the transfer experience.
4. **Transaction History**: A section where users can view their past transactions, including details of the recipient and the amounts sent.
5. **User Profile Management**: Enable users to manage their profiles, including updating personal details and viewing their account balance.
6. **Support and FAQ Section**: Provide users with resources for common questions and support channels for issues related to transactions.

## 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 feature a top navigation bar for easy access to different sections, a central content area for forms and transaction details, and a footer with links to support and privacy policies.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui components, and any necessary libraries for user authentication and state management.
3. **Create Authentication Flow**: Implement user registration and login functionality using secure methods.
4. **Develop the Robux Transfer Interface**: Create forms for entering recipient usernames and amounts, ensuring validation and error handling.
5. **Integrate Character Representation**: Utilize an API or service to fetch and display user avatars based on their usernames.
6. **Build Transaction History Component**: Create a section that pulls data from the backend to show the user’s transaction history.
7. **User Profile Management**: Develop a profile page that allows users to update their information and manage their accounts.
8. **Add Support Section**: Include a FAQ section and contact form for user support.

## USER EXPERIENCE
Users will experience a seamless and engaging interface where they can quickly log in, enter transfer details, and visualize their transactions with realistic character representations. The application will guide them through each step with clear prompts and feedback, ensuring a user-friendly environment. Responsive design will cater to both desktop and mobile users, providing an optimal experience across devices.