Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate donations within the Roblox community. Users can create profiles, browse donation opportunities, and contribute directly to other users' projects. The main purpose is to enhance the social aspect of Roblox by allowing players to support one another financially.

## CORE FEATURES
1. **User Profiles**: Users can create and manage their profiles, showcasing their projects and donation history.
2. **Donation System**: A streamlined interface that allows users to donate Robux to selected projects or directly to other users.
3. **Browse Projects**: A feature for users to discover various projects in need of support, complete with descriptions, funding goals, and progress tracking.
4. **Transaction History**: Users can view their donation history and receive notifications about successful transactions.
5. **Community Feedback**: Users can leave reviews and feedback on projects they have supported, fostering community engagement.
6. **Admin Dashboard**: An admin interface for managing user accounts, monitoring donations, and addressing any issues within the application.

## 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 layout consists of a header with navigation, a main content area for user interactions, and a footer for additional links and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create User Authentication**: Implement user registration and login functionality, ensuring secure handling of user data.
3. **Develop User Profiles**: Create components for user profiles, allowing users to add project information and view their donation history.
4. **Implement Donation System**: Build a donation interface where users can select projects to donate to and process transactions.
5. **Build Project Browsing Feature**: Develop a searchable project list that displays projects needing donations with essential details.
6. **Set Up Admin Dashboard**: Create an admin interface for managing users and monitoring donations, including options to resolve disputes or issues.
7. **Test and Optimize**: Conduct thorough testing to ensure functionality, usability, and responsiveness across different devices.

## USER EXPERIENCE
The user experience focuses on simplicity and ease of use. Users will start on the home page where they can log in or create an account. Once logged in, they can easily navigate to their profile, browse projects, and donate. The donation process will be straightforward, with clear calls to action and confirmations upon successful transactions. Users will have access to their transaction history and can provide feedback on the projects they support, fostering a sense of community and engagement.