Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for users to send fake Robux, aimed at creating a fun and engaging experience within the gaming community. The application will provide a minimalist interface that emphasizes user-friendly navigation and interaction while focusing on a clean design.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in securely to access the app features, ensuring personalized experiences.
2. **Robux Generation Tool**: A feature that allows users to generate fake Robux amounts, which can be showcased in an appealing way on their dashboard.
3. **User Dashboard**: A personal dashboard for users to manage their generated Robux, view history, and customize settings, all organized for intuitive use.
4. **Share Functionality**: Users can easily share their generated Robux on social media platforms, boosting engagement and interaction.
5. **Feedback and Support**: A dedicated section for users to provide feedback and request support, enhancing user engagement and satisfaction.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience 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, user dashboard, and footer. The dashboard will be organized into cards for each feature, providing a clear and intuitive structure.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state (if needed).

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the User Authentication System**: Implement registration and login functionalities using a backend service (e.g., Firebase, Auth0) to ensure secure user access.
3. **Develop the Robux Generation Tool**: Build the functionality for generating fake Robux and display them prominently on the user dashboard.
4. **Design the User Dashboard**: Create the dashboard layout using Tailwind CSS, ensuring it's responsive and user-friendly with clear navigation.
5. **Implement Share Functionality**: Integrate social media sharing options to allow users to showcase their generated Robux effortlessly.
6. **Build the Feedback and Support Section**: Create a simple form for users to submit feedback and support requests, encouraging user interaction.
7. **Testing and Optimization**: Conduct thorough testing for usability, responsiveness, and performance across different devices and browsers to ensure a smooth experience.
8. **Deploy the Application**: Use a hosting service (e.g., Vercel, Netlify) to deploy the application for public access, making it available to users globally.

## USER EXPERIENCE
The application will provide a smooth user experience with clear navigation and intuitive interactions. Users will easily register or log in, generate fake Robux, and view their dashboard. The responsive design will ensure functionality across various devices, allowing users to generate and share their Robux effortlessly. The feedback section will encourage user interaction, making them feel valued and heard.