Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate the donation of Robux in Roblox using the new Roblox Plus feature. It will allow users to engage in a seamless experience where they can learn about the donation process, interact with the simulation, and understand how Robux donations work.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to access personalized features and track their donations.
2. **Robux Donation Simulator**: A simple interface where users can simulate donating Robux, with visual feedback on the donation process.
3. **Leaderboard**: Display top users based on simulated donations to foster competition and engagement.
4. **Educational Resources**: Provide information and tips on how Robux donations work, including best practices and community guidelines.
5. **Feedback System**: Allow users to provide feedback on their experience and suggestions for improvement.
6. **Responsive Design**: Ensure the application is accessible on various devices, providing a smooth user experience on mobile and desktop.

## 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 will feature a top navigation bar, a central hero section for the donation simulator, sections for educational resources, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Flow**: Implement user registration and login functionalities.
3. **Develop Donation Simulator**: Build the donation simulator interface, ensuring it is user-friendly and visually appealing.
4. **Implement Leaderboard Feature**: Create a leaderboard that updates based on user interactions in the simulator.
5. **Add Educational Resources**: Develop a section that includes articles or tips related to Robux donations.
6. **Feedback Mechanism**: Enable users to submit feedback and integrate it into a feedback management system.
7. **Ensure Responsiveness**: Test and tweak the design to ensure it works well on various screen sizes.
8. **Launch and Monitor**: Deploy the application, monitor user engagement, and gather data to make further improvements.

## USER EXPERIENCE
Users will land on a clean and engaging homepage where they can easily navigate to simulate Robux donations. The intuitive interface will allow them to visualize their donations, view educational content, and see their position on the leaderboard. The application will be responsive, ensuring a smooth experience regardless of the device used, with clear calls to action guiding users through the donation process.