Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a "fakerobuxgift" experience. This application allows users to engage with a minimalist interface to generate fake Robux gift codes, share them, and interact with the community. The goal is to provide an easy-to-use platform that emphasizes user engagement and simplicity.

## CORE FEATURES
1. **Code Generation**: Users can generate unique fake Robux gift codes with a single click, enhancing the user experience with instant gratification.
2. **User Accounts**: Users can create accounts to save their generated codes and keep track of their history.
3. **Code Sharing**: A feature that allows users to share their codes with others directly through social media or a built-in sharing system.
4. **Community Forum**: A space for users to discuss tips, tricks, and share their experiences with generated codes.
5. **Responsive Design**: The application will adapt seamlessly across devices, ensuring a consistent experience for all users.
6. **Feedback System**: Users can provide feedback on the codes generated, helping to improve the service.

## 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 centered hero section at the top, followed by a card layout for features, a community forum section, and a footer for links and contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Build reusable components for the hero section, code generation button, user accounts, community forum, and feedback forms.
4. **Implement Routing**: Use React Router for navigation between the landing page and user account/dashboard.
5. **Integrate State Management**: Set up Redux or Context API to manage user sessions and generated codes.
6. **Design and Style**: Apply Tailwind CSS styles based on the design specifications, ensuring a minimalist and responsive layout.
7. **Test Functionality**: Conduct thorough testing to ensure all features work correctly and the user experience is seamless across devices.

## USER EXPERIENCE
Users will arrive at a simple, welcoming landing page with a strong call-to-action to generate fake Robux gift codes. They will find easy navigation to create accounts, view community discussions, and share their generated codes. The interface will maintain a clean aesthetic, allowing users to focus on the main features without distractions. Responsive design will ensure usability from mobile to desktop, creating a consistent and engaging experience.