Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application designed to simulate a fake Robux sending experience. The main purpose of this application is to allow users to engage in a fun and interactive environment where they can send and receive simulated Robux, enhancing user engagement and enjoyment.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access their profiles and manage their Robux transactions.
2. **Robux Sending Interface**: A simple and intuitive interface where users can enter the amount of Robux they wish to send (up to 100 Robux).
3. **Transaction History**: Users can view a history of their transactions, including sent and received Robux.
4. **User Profile Management**: Users can manage their profile settings, including their display name and preferences.
5. **Help & Support Section**: A section providing FAQs and support for users.

## 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 consist of a header with branding, a central content area for the transaction interface, a sidebar for navigation, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and transactions

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the User Authentication Module**: Implement user registration and login functionality using React Context API for state management.
3. **Develop the Robux Sending Interface**: Create a form that allows users to input the amount of Robux to send, with validation to ensure it does not exceed 100 Robux.
4. **Implement Transaction History**: Build a component that retrieves and displays the user's transaction history.
5. **Profile Management**: Develop a user profile management section where users can update their details.
6. **Help & Support Section**: Create a static FAQ page to assist users with common questions.
7. **Styling and Responsiveness**: Apply Tailwind CSS for styling based on the specified design specifications, ensuring the application is responsive across devices.
8. **Testing and Deployment**: Test the application for usability and bugs. Deploy the application on a hosting platform.

## USER EXPERIENCE
Users will experience a seamless journey starting from registration or login. Once inside, they will be greeted with a clean interface where they can easily send Robux through an intuitive form. Users will have access to their transaction history to track their activity and can manage their profiles effortlessly. The help section will provide quick answers to common questions, ensuring users feel supported throughout their interaction with the application.