Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to facilitate donations in a manner similar to Roblox, enabling users to donate Robux using their account balance. The focus is on creating a seamless and intuitive user experience that encourages participation and engagement in the donation process, with a clean and minimalist aesthetic.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to manage their accounts and view donation history.
2. **Donations Interface**: A user-friendly interface for selecting donation amounts and completing transactions using Robux.
3. **Account Balance Display**: Real-time display of the user's account balance, allowing them to see available funds before making a donation.
4. **Transaction History**: A dedicated section where users can view their past donations and track their contributions over time.
5. **Admin Dashboard**: An administrative interface to manage donations, view user activities, and oversee financial statistics.

## 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 main sections, a central content area for donations and account information, and a footer with contact and support links.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components.
2. **Create the authentication module**: Implement user login and registration functionality, including forms and validation.
3. **Develop the donations interface**: Create a page that allows users to enter donation amounts and process transactions.
4. **Implement account balance display**: Connect the user account data to show available Robux on the dashboard.
5. **Build the transaction history page**: Design a page to display a list of past donations, pulling data from the backend.
6. **Create the admin dashboard**: Develop a backend interface for admins to monitor user donations and manage the overall application.

## USER EXPERIENCE
Users will have a straightforward interaction flow starting from the landing page, where they can log in or register. After logging in, they can view their account balance and easily navigate to the donations interface. Upon selecting a donation amount, users will receive confirmation of their transaction, and they can later access their transaction history to review their contributions. The minimalist design ensures that users can focus on the donation process without distractions, enhancing engagement and satisfaction.