Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will allow users to create highly accurate 3D avatars of themselves using just front, back, and side photos. Once the avatar is generated, users can virtually try on various outfits by uploading images or providing links to clothing items. The application aims to enhance online shopping experiences by providing an interactive and personalized fitting solution.

## CORE FEATURES
1. **Avatar Creation**: Users can upload front, back, and side photos to generate a 3D avatar that accurately represents their physique and facial features.
2. **Virtual Try-On**: Users can select clothing items by uploading photos or links, allowing them to see how the garments fit on their created avatar.
3. **User Account Management**: Users can create accounts to save their avatars and previously tried-on outfits for easy access.
4. **Gallery of Clothing Options**: A curated selection of clothing items from various brands available for users to try on using their avatars.
5. **Social Sharing**: Users can share their avatar and outfit combinations on social media platforms, enhancing user engagement and app visibility.
6. **Feedback System**: Users can provide feedback on the avatar accuracy and virtual try-on experience, allowing continuous improvement of the application.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean aesthetics, ample white space, and a focus on typography to enhance readability and user interaction.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and easy readability.
- **Layout**: The main layout will consist of a top navigation bar for easy access to features, a central area for avatar creation and clothing selection, and a footer with additional links and information.
- **Typography**: Use modern sans-serif fonts such as Inter or Roboto for headings and body text, establishing a clear hierarchy with larger sizes for headings and consistent line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust, type-safe application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design and responsive layout adjustments.
- **UI Components**: Utilize shadcn/ui for consistent and reusable UI components.
- **State Management**: Implement React Context or Redux for managing user state and avatar data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Create the main layout structure with a navigation bar, central content area, and footer using Tailwind CSS classes for styling.
3. **Build Avatar Creation Component**: Develop a component that accepts photo uploads and processes them to create a 3D avatar using a suitable 3D rendering library.
4. **Implement Virtual Try-On Feature**: Create functionality that allows users to upload clothing images or links, overlaying them onto the avatar.
5. **User Authentication**: Set up user registration and login functionality to manage user accounts and save avatars.
6. **Create Gallery and Feedback Components**: Design a gallery to showcase clothing options and implement a feedback form for users to provide insights on their experience.
7. **Optimize for Responsiveness**: Ensure that the application is mobile-friendly by using responsive design principles with Tailwind CSS.

## USER EXPERIENCE
Users will start by uploading their photos to create a 3D avatar, which will be displayed in a central viewing area. They can easily navigate to the virtual try-on feature, where they can drag and drop clothing images onto their avatar. The interface will provide real-time feedback as they adjust the clothing, ensuring a seamless experience. Users can save their avatars and outfits in their accounts, share their creations online, and provide feedback, fostering a community-driven atmosphere.