Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a gifting platform for Robux, allowing users to create and share fake gifting experiences. The main purpose is to provide a playful and engaging interface where users can generate and customize fake gift scenarios. 

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts, log in, and manage their profiles to access personalized features.
2. **Gift Creation Tool**: A user-friendly interface that allows users to generate fake Robux gift cards with customizable amounts and designs.
3. **Gift Sharing**: Users can share their created gifts with friends via social media or direct links.
4. **Gallery of Gifts**: A section displaying popular and trending fake gifts created by users, fostering community engagement.
5. **Feedback System**: Users can rate and comment on gifts, allowing for interaction and community feedback.
6. **User Dashboard**: A personalized dashboard where users can view their created gifts, share statistics, and manage account settings.

## 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 layout will feature a top navigation bar, a prominent hero section at the top, followed by a grid of features, user testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. Install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Define Routes**: Set up the React Router for user authentication, gift creation, and the dashboard.
3. **Create Components**: Develop reusable components for the navigation bar, hero section, gift creation form, and gallery.
4. **Implement State Management**: Set up Redux or Context API for managing user authentication and gift data.
5. **Design the Layout**: Use Tailwind CSS to implement the specified design, ensuring responsiveness for various devices.
6. **User Authentication**: Implement user registration and login functionalities, including form validation and error handling.
7. **Build Gift Creation Tool**: Develop the form for creating gifts, including customization options for amounts and styles.
8. **Integrate Feedback System**: Add features for users to rate and comment on gifts, and display these on the gallery.
9. **Testing and Deployment**: Conduct thorough testing for usability and performance, then deploy the application on a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
The user experience focuses on simplicity and engagement. Users can easily navigate through the application, create gifts with a few clicks, and share them effortlessly. The dashboard provides quick access to their creations and insights into community interactions, enhancing the overall enjoyment and functionality of the application. Responsive design ensures accessibility on both mobile and desktop devices.