Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows users to upload their photos and select various clothing options to generate a new image of themselves in different outfits. The application focuses on providing a seamless and engaging user experience, with a minimalist design that emphasizes ease of use and visual appeal.

## CORE FEATURES
1. **Photo Upload**: Users can upload their own images to be transformed into different outfits.
2. **Dress Selection**: Users can choose from various categories (e.g., Boys Dress, Girls Dress, Superhero outfits) and select specific outfits without displaying images, only names.
3. **Outfit Customization**: Depending on the selected outfit category, users can choose from superhero, traditional, uniform, normal, and wedding options, with a focus on ensuring the user’s facial features remain unchanged.
4. **Country-Based Uniforms**: Users can select from 60+ country options for traditional or uniform attire, allowing for a culturally diverse experience.
5. **HD Image Generation**: The application generates high-definition images based on the selected outfit, maintaining the user's face and allowing for background adjustments.
6. **Interactive Viewing**: Users can zoom in and out of the generated images and adjust the view to see details clearly, enhancing the overall experience.

## 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 central upload area, followed by a simple selection interface for outfit categories and options, and a large display area for the generated image.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for handling user selections and uploaded images.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create Components**: Develop components for photo upload, outfit selection, and image display.
3. **Implement State Management**: Set up Redux or Context API to manage state related to user uploads and selections.
4. **Design UI Layout**: Style components using Tailwind CSS according to the design specifications provided.
5. **Image Processing Logic**: Integrate the backend logic for image generation while ensuring the user’s face remains unchanged.
6. **Testing**: Conduct thorough testing to ensure the application functions as intended and provides a smooth user experience.

## USER EXPERIENCE
Users will interact with the application by first uploading their photo, followed by selecting their desired outfit category. The interface will guide them through the options, ensuring that the selections are intuitive. Once the outfit is chosen, the application will generate a high-definition image with the user’s original facial features intact, allowing for adjustments in view. The simplicity and clarity of the design will enhance user engagement and satisfaction.