Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
This project entails creating a web application that serves as a fake Robux generator panel. The primary purpose is to provide users with a simple interface to simulate the sending of fake Robux, catering to users interested in Roblox. The application will be designed with a clean, minimalist aesthetic to enhance user experience and engagement.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process to ensure user accounts are protected.
2. **Robux Generation Panel**: A streamlined interface where users can input desired amounts of Robux to simulate sending.
3. **Transaction History**: A section where users can view their past transactions and generated Robux for tracking purposes.
4. **User Dashboard**: A personalized dashboard displaying user stats, including the total amount of fake Robux generated and sent.
5. **Responsive Design**: Ensure the application is fully responsive across devices, providing a seamless user experience on both desktop and mobile.
6. **Help/FAQ Section**: An informative section that addresses common questions and provides guidance on using 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 main layout will feature a top navigation bar, a hero section for introduction and Call-to-Action (CTA), followed by core features laid out in a grid or card format, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for pre-built components.
- **State Management**: Use React Context API for managing user state and application data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create Authentication Flow**: Implement user authentication using a simple email/password method, storing user data securely.
4. **Develop the Robux Generation Panel**: Create a functional UI component where users can enter the Robux amount and simulate sending.
5. **Implement Transaction History**: Build a component to display a list of past transactions, pulling data from the state management.
6. **Design User Dashboard**: Develop a user dashboard to show stats and allow users to manage their simulated Robux.
7. **Create Help/FAQ Section**: Provide a static component with common questions and answers to assist users in navigating the application.
8. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure that all components are responsive and maintain usability across devices.
9. **Testing**: Perform thorough testing on both desktop and mobile views to ensure functionality and user experience.

## USER EXPERIENCE
Users will start by signing up or logging in to their accounts. Once authenticated, they will be directed to their dashboard, where they can see their stats and navigate to the Robux generation panel. Users can input the desired amount of Robux they wish to simulate sending, view their transaction history, and access the help section for any questions they may have. The interface will prioritize ease of use, ensuring that users can quickly access all features with minimal clicks. 

This comprehensive prompt provides a clear path to developing a minimalist web application that meets the user's vision while adhering to best practices in design and technical specifications.