Lovable Prompt Creator - AI Prompt Generator

- ## APPLICATION OVERVIEW
This project involves creating a web application that simulates a fake Robux generator for users to send to their friends. The app will focus on a minimalist design, ensuring a clean and user-friendly experience while providing essential features for interaction and engagement.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create accounts or log in to access the app, ensuring a personalized experience.
2. **Robux Generation**: Provide a simple interface for users to generate fake Robux codes, which can be shared with friends.
3. **Sharing Functionality**: Implement options for users to easily share generated codes via social media or direct messaging.
4. **User Dashboard**: A personalized dashboard displaying generated codes, sharing history, and user statistics.
5. **Feedback Mechanism**: Allow users to submit feedback on the generated codes and overall experience.
6. **Responsive Design**: Ensure the app is fully responsive and accessible on various 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 consist of a header, user dashboard section, Robux generation interface, and a footer with contact information. The layout will prioritize easy navigation and clear visibility of features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing user state and generated codes)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create a responsive layout using Tailwind CSS, incorporating the specified design elements.
3. **Implement Authentication**: Set up user registration and login functionalities with secure authentication methods.
4. **Develop Robux Generation**: Create the logic and interface for generating fake Robux codes.
5. **Add Sharing Options**: Implement social sharing features to allow users to distribute their generated codes.
6. **Build User Dashboard**: Design and implement the user dashboard to display user-generated content and feedback options.
7. **Test and Optimize**: Conduct thorough testing across various devices, optimize performance and ensure responsive design.

## USER EXPERIENCE
Users will navigate through a straightforward interface where they can easily register or login. Once logged in, they will land on their dashboard, where they can generate Robux codes and share them seamlessly. The minimalist design ensures that users can focus on the tasks without distractions, enhancing overall usability and satisfaction.