Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for users to engage in a simulated gifting experience within the Roblox environment. It allows users to create and manage fake gift scenarios, enhancing their interaction with the platform while providing a fun and engaging user experience.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality to manage user accounts and preferences.
2. **Gift Creation**: An intuitive interface for users to create fake gifts by selecting items, customizing descriptions, and setting quantities.
3. **Gift History**: A dashboard displaying previously created gifts, allowing users to easily manage and revisit their creations.
4. **Share Functionality**: Options for users to share their fake gifts with friends or on social media, generating a community around the gifting experience.
5. **Responsive Design**: Ensures the application is fully functional across all devices, providing a seamless experience on mobile and desktop.

## 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 top navigation bar, a central content area for creating gifts and viewing history, 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 if preferred for simpler state management).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any necessary state management libraries (like Redux).
3. **Configure Tailwind CSS**: Set up Tailwind CSS in the project by creating a configuration file and importing it into the main CSS file.
4. **Create Components**: Build reusable components for the navigation bar, gift creation form, gift card display, and footer.
5. **Implement Routing**: Use React Router to navigate between different sections of the application (e.g., gift creation and history).
6. **Develop State Management**: Implement Redux or Context API for managing user authentication and gift data.
7. **Design Responsive Layout**: Ensure all components are responsive using Tailwind CSS utility classes.
8. **Add Share Functionality**: Integrate social media sharing options for created gifts.
9. **Testing**: Conduct thorough testing for usability, responsiveness, and functionality on various devices.
10. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will begin by signing up or logging in, which leads them to the main dashboard. From there, they can easily create fake gifts using a straightforward form, view their past creations in a visually appealing card layout, and share their gifts with friends. The application will provide feedback on actions, ensuring a smooth and engaging experience throughout their journey. The minimalist design will keep the focus on the content, enhancing user interaction and satisfaction.