Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Robux Donation Application

## APPLICATION OVERVIEW
This application is a web app designed for users to donate Robux in a manner similar to Roblox, featuring an option to falsely recharge Robux when they run low. It aims to facilitate easy transactions while maintaining a clean and user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely to manage their Robux donations and transactions.
2. **Robux Donation System**: Enable users to donate Robux to other users with a simple and intuitive interface.
3. **Robux Recharge Option**: Provide a feature for users to simulate the recharge of Robux, enabling them to manage their in-game currency effectively.
4. **Transaction History**: Allow users to view their past donations and recharge activities, ensuring transparency and tracking.
5. **Profile Management**: Enable users to update their profile information and view their current Robux balance.
6. **Contact Support**: Implement a contact form for users to get assistance regarding any issues or questions.

## 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 navigation links, a hero section for the main call-to-action, followed by features and user testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user authentication and transaction states)

## IMPLEMENTATION STEPS
1. **Set up the React and TypeScript environment**: Initialize a new React project with TypeScript support and install necessary dependencies (e.g., Tailwind CSS, Redux).
2. **Create the Authentication System**: Develop user registration and login functionalities, using secure methods for password storage and authentication.
3. **Design the Main Layout**: Implement the minimalist layout with a header, hero section, features, testimonials, and footer using Tailwind CSS for styling.
4. **Develop the Robux Donation Feature**: Create the donation interface where users can select the amount of Robux to donate and to whom.
5. **Implement the Recharge Option**: Add functionality for users to simulate a recharge of Robux, ensuring it adheres to the application's purpose.
6. **Set up Transaction History**: Create a component to display the user's transaction history, fetching data from the application's state or backend.
7. **Build Profile Management**: Provide users with an interface to update their profiles and view their current Robux balance.
8. **Integrate Contact Support Form**: Implement a contact form where users can submit inquiries or issues.
9. **Test the Application**: Conduct thorough testing to ensure all features work as intended and the user experience is seamless.
10. **Deploy the Application**: Use a cloud service to deploy the application for public access.

## USER EXPERIENCE
The application will focus on a smooth user experience, where users can easily navigate through the donation and recharge processes. Key interactions will include a straightforward onboarding process for new users, quick access to donate Robux, and a clear display of transaction history to keep users informed. Responsive design principles will ensure the application is usable on various devices, providing an optimal experience regardless of screen size.