Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Robux sender for Roblox users. It aims to provide a fun and engaging experience, allowing users to generate fictitious Robux transactions for entertainment purposes. The application will focus on a minimalist design, emphasizing usability and clarity.

## CORE FEATURES
1. **Robux Generation Tool**: A user-friendly interface enabling users to select a quantity of fake Robux to "send" to their accounts.
2. **Transaction History**: A log displaying all previous fake transactions, allowing users to keep track of their activities.
3. **User Registration & Authentication**: Simple signup and login functionalities to personalize the user experience and save transaction history.
4. **Interactive Dashboard**: An overview page showcasing the user's fake Robux balance and recent activities.
5. **Help Center**: A section providing FAQs and guides on how to use the application effectively.
6. **Responsive Design**: Ensures a seamless experience across devices, from desktops to mobile phones.

## 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 consist of a header with navigation, a hero section for the Robux generator, a features section, and a footer with contact information and links to the help center.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component needs.
3. **Create Folder Structure**: Organize components, hooks, and pages for scalability.
4. **Implement Authentication**: Set up user registration and login functionalities using React Context API.
5. **Develop Core Features**:
   - Create the Robux generation tool component with input fields and buttons styled using Tailwind CSS.
   - Implement the transaction history component to display a list of fake transactions.
   - Design the interactive dashboard to show the user's balance and recent activities.
6. **Build Help Center**: Create a static page for FAQs and usage guidance.
7. **Responsive Design**: Ensure that all components adapt properly to different screen sizes.
8. **Testing**: Conduct usability testing to ensure a smooth user experience and fix any identified bugs.
9. **Deploy Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will start on the landing page, where they can easily navigate to the Robux generator tool. After entering the desired amount of Robux, they can submit the transaction, which will be reflected in their transaction history. Users can also access their dashboard to view their balance and any previous transactions. The help center will provide easy access to information on how to use the application, ensuring a seamless experience. The design will prioritize clarity and ease of use, with intuitive navigation and responsive elements.