TechShop E-Commerce Demo

Ce que fait cet outil

Fournit une vitrine e-commerce pleinement fonctionnelle, rendue directement dans le client MCP. Elle permet aux utilisateurs de parcourir un catalogue de produits, de gérer un panier d'achat et d'effectuer des paiements via des interfaces Vue 3 riches et interactives plutôt que par de simples réponses textuelles.

Fonctionnalités clés

• Catalogue de produits interactif : Navigation visuelle avec filtrage, tri et pagination.
• Panier basé sur la session : Panier d'achat dynamique avec validation des quantités et vérification des stocks en temps réel.
• Flux de paiement complet : Formulaires intégrés pour la saisie de l'adresse et la sélection du mode de paiement.
• Historique des commandes : Suivi visuel des commandes précédentes et de leur statut actuel.
• Expérience UI-First : Rendu de pages HTML dédiées pour une expérience d'achat fluide au sein de l'interface de l'IA.

Installation

1. Clonez le dépôt et lancez npm install.
2. Configurez votre connexion PostgreSQL dans un fichier .env (DATABASE_URL).
3. Initialisez la base de données : npm run db:schema && npm run db:seed.
4. Compilez et lancez : npm run build && npm start.

Hôtes supportés

• VS Code (avec l'extension Claude)