Studio d'Essayage Virtuel

Un composant React complet de cabine d'essayage virtuelle propulsée par l'IA (Google Gemini).

Ce package fournit une interface utilisateur riche permettant aux utilisateurs de :

Charger une photo d'eux-même (mannequin).
Sélectionner des vêtements depuis un catalogue.
Essayer virtuellement les vêtements (Virtual Try-On) via IA.
Recevoir des conseils de style personnalisés.

Installation

npm install fitting-room-react
# ou
pnpm add fitting-room-react
# ou
yarn add fitting-room-react

Configuration Requise

Ce projet utilise Google Gemini API pour la génération d'images et l'analyse de style. Vous devez obtenir une clé API valide.

Usage

N'oubliez pas d'importer le fichier CSS pour le style.

import React from "react";
import { VirtualFittingRoom } from "fitting-room-react";
import "fitting-room-react/dist/style.css"; // Import des styles

const MonApplication = () => {
  return (
    <div style={{ height: "100vh" }}>
      <VirtualFittingRoom
        apiKey="VOTRE_CLE_API_GEMINI"
        className="mon-custom-style"
      />
    </div>
  );
};

Props

Prop	Type	Description
`apiKey`	`string`	Requis. Votre clé API Google GenAI. Si non fournie, le composant tentera d'utiliser `process.env.GEMINI_API_KEY` (non recommandé en prod).
`className`	`string`	Classe CSS additionnelle pour le conteneur principal.

Fonctionnalités

Virtual Try-On : Utilise le modèle gemini-2.5-flash-image pour générer un rendu réaliste du vêtement sur l'utilisateur.
Stylist AI : Analyse la tenue composée pour donner des conseils sur l'harmonie et le style.
Interface Drag & Drop : (En cours) Manipulation intuitive des vêtements sur le canvas.
Responsive : Interface adaptée aux écrans desktop.

Développement

Pour lancer le projet en mode développement (avec un exemple de démonstration) :

git clone ...
pnpm install
pnpm dev