Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create a platform where users can request virtual currency (Robux) with a promise to donate a portion to those in need. The application will focus on engaging users through a clean, minimalist interface and facilitate straightforward interactions for requesting and tracking Robux donations.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to manage their requests and donations.
2. **Robux Request Form**: A simple form where users can submit their requests for Robux, detailing the amount they wish to receive.
3. **Donation Tracking**: Users can see a summary of their donations, including amounts donated and recipients.
4. **Community Impact Section**: A section showcasing the impact of donations made by users, featuring testimonials and stories from recipients.
5. **Admin Dashboard**: An interface for administrators to manage user requests and oversee donation distributions.
6. **Contact Us**: A simple contact form to allow users to reach out for support or inquiries.

## 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**: A single-page layout with sections for user registration, request form, donation tracking, community impact, and contact information, all clearly separated by ample white space for clarity.

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

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Basic Structure**: Set up the folder structure including components for the header, footer, registration form, request form, and donation tracker.
3. **Implement Routing**: Use React Router to manage navigation between different sections of the application.
4. **Build User Registration/Login**: Create forms for user registration and login, integrating with a mock backend or Firebase for user authentication.
5. **Develop the Robux Request Form**: Implement the form allowing users to submit their Robux requests and track their submissions.
6. **Create Donation Tracking Component**: Design a component to display users' donation history and impact statistics.
7. **Design Admin Dashboard**: Create an admin-only section where administrators can view and manage user requests.
8. **Implement Contact Form**: Set up a contact form that sends inquiries to a designated email or stores them in a database.
9. **Test Functionality**: Conduct thorough testing for user flows, form submissions, and responsiveness across devices.
10. **Deploy the Application**: Use a platform like Vercel or Netlify to deploy the application and make it accessible to users.

## USER EXPERIENCE
Users will be greeted with a clean landing page that highlights the purpose of the application. They will easily navigate through the registration/login process, submit their requests via a straightforward form, and track their donations with a visually appealing summary. The minimalist design ensures that users can focus on their tasks without distractions, while the responsive layout guarantees a seamless experience on both desktop and mobile devices. The community impact section will engage users and encourage them to contribute more to the cause.