Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Roblox Fake Gifting" is a web application designed to provide users with a playful and engaging experience where they can simulate gifting items in Roblox. This application focuses on creating a minimalist interface that enhances user interaction while maintaining a clean aesthetic. The main purpose is to allow users to explore gifting options, view their inventory, and share experiences within a community.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to access personalized gifting options and manage their inventory.
2. **Gift Creation Tool**: A feature that allows users to create and customize fake gifts with various attributes like item type, rarity, and visual presentation.
3. **Inventory Management**: Users can view and manage their created gifts, including editing or deleting them.
4. **Community Sharing**: A section where users can share their created gifts with others, encouraging interaction and engagement within the community.
5. **Search and Filter**: Users can search and filter gifts based on categories, popularity, or recent uploads to quickly find what they are looking for.

## 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 the gifting tool and inventory, and a sidebar for community features. The footer will include links to support and social media.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop the main components including Navbar, GiftCreationTool, Inventory, and CommunitySection using shadcn/ui.
3. **Implement Routing**: Set up React Router for navigating between different sections of the application.
4. **State Management**: Integrate Redux for managing user authentication and gift data across components.
5. **Styling**: Apply Tailwind CSS styles to each component, ensuring adherence to the design specifications outlined.
6. **Testing**: Conduct thorough testing of all features to ensure functionality and a smooth user experience.
7. **Deploy**: Deploy the application using a suitable hosting service (e.g., Vercel or Netlify).

## USER EXPERIENCE
Users will begin their journey by registering or logging in, where they are welcomed with a clean interface. They can easily navigate to the gift creation tool to customize their gifts and view them in their inventory. The community section encourages sharing and interaction, making the experience social and engaging. The minimalist design ensures that users can focus on the tasks at hand without distractions, and the responsive layout guarantees usability across devices.