Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for Roblox users to facilitate the donation of Robux. Users can customize the amount of Robux they wish to donate and search for players on the Roblox platform. The application aims to create a user-friendly experience that promotes engagement and easy navigation.

## CORE FEATURES
1. **Robux Donation Customization**: Allow users to input and customize the amount of Robux they want to donate.
2. **Player Search Functionality**: Implement a search feature for users to find other players on the Roblox platform by username or player ID.
3. **User Authentication**: Enable users to create accounts and log in to track their donations and view their donation history.
4. **Donation History Dashboard**: Provide users with a dashboard to review their past donations and the recipients.
5. **Responsive Design**: Ensure the application is fully responsive for seamless use on both desktop and mobile devices.

## 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, followed by a hero section for donation customization, a search bar for player lookup, and a dashboard section for donation history.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Routing Structure**: Set up React Router for navigation between different pages (e.g., Home, Dashboard).
3. **Build Authentication System**: Implement user registration and login functionality using Firebase or Auth0.
4. **Develop Donation Feature**: Create a form component for users to customize their Robux donation amount.
5. **Implement Player Search**: Build a search component that queries the Roblox API to find players based on input.
6. **Design Dashboard**: Create a dashboard component that displays the user's donation history and allows them to view details.
7. **Ensure Responsiveness**: Utilize Tailwind CSS classes to ensure the application is responsive across devices.
8. **Testing**: Conduct user testing to ensure functionality and user experience meet expectations.

## USER EXPERIENCE
Users will start on the landing page where they can see an introduction to the application. They can easily navigate to the donation customization feature or the player search. After logging in, users will be able to view their donation history on their dashboard. All interactions are designed to be intuitive, with clear calls to action and responsive feedback to enhance the overall experience.