Home

Defines application-level routes and global state management for user identity, uploaded images, and generated try-on results. Each route maps to a distinct user-facing page such as login, registration, virtual try-on, and closet history. Global state includes image data and user session information used across different components.

Displays item metadata, allows adding to closet, and shows recommendations. Handles multiple effects such as fetching details, recording history, and showing similar items.

Allows searching, filtering by category, and viewing popular recommendations. Integrates with backend APIs for dynamic content updates and user interaction tracking.

Fetches and displays historical clothing interactions for the logged-in user. Uses the query string, props, or localStorage to determine user identity.

Serves as the welcome screen and provides entry points for login and registration. Includes simple navigation buttons and project description.

Handles user authentication, input validation, and session state updates. On successful login, stores user info in localStorage and redirects to try-on room.

Handles new user signup, form validation, and backend communication. Redirects to login page upon successful registration.

Displays the final result image and provides a form for users to email it to themselves. Validates email input, handles backend API interaction, and displays feedback messages.

This component is the core UI for the virtual try-on experience. It integrates frontend interaction with the backend API for image processing (StableVITON), clothing management, and personalization.

Allows users to preview an image (from camera or file), confirm submission, and upload to backend. Delays global state changes until the user confirms submission.

Initializes the root React component and wraps it in a Router context. Attaches the root to the HTML DOM. All routing and global styles begin from this file.