Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to function as a Roblox Robux sender, allowing users to easily send Robux to their friends within the Roblox platform. The application will focus on providing a seamless and user-friendly experience, ensuring that users can navigate the system with ease while adhering to a minimalist design aesthetic.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to create and manage their accounts.
2. **Robux Transfer System**: A simple interface for users to send Robux to other Roblox accounts, including input fields for username and amount.
3. **Transaction History**: A log of all past transactions to help users track their Robux sending activities.
4. **User Profile Management**: Options for users to manage their account settings, including email verification and password changes.
5. **Responsive Design**: Optimized for both desktop and mobile devices, ensuring accessibility across platforms.
6. **Help and Support Section**: A dedicated area for users to find FAQs and contact support if they encounter issues.

## 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 include a header for navigation, a hero section with a call-to-action, followed by feature highlights, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Install Node.js and create a new React project with TypeScript and Tailwind CSS.
2. **Design the Layout**: Create the main layout structure including header, hero section, features section, and footer using Tailwind CSS classes.
3. **Implement Authentication**: Set up user authentication using Firebase or another service to handle user accounts securely.
4. **Build the Robux Transfer Form**: Create a form that allows users to input the recipient’s username and the amount of Robux to send.
5. **Develop Transaction History**: Implement a component that fetches and displays the user’s transaction history from the database.
6. **Create User Profile Management**: Set up a profile management section where users can update their information and view their account details.
7. **Responsive Design Adjustments**: Ensure that all components are fully responsive and function well on different screen sizes.
8. **Testing and Debugging**: Conduct thorough testing to ensure functionality and fix any bugs that arise during development.
9. **Deployment**: Deploy the application using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Users will start by landing on a clean and welcoming homepage with a clear call-to-action for signing up or logging in. Once authenticated, they will be greeted with an intuitive dashboard where they can easily send Robux, view their transaction history, and manage their profiles. The minimalist design will ensure that users are not overwhelmed, allowing for a smooth flow from one interaction to another. The help and support section will provide users with necessary resources, enhancing their overall experience with the application.