Vue d’ensemble

Application e-commerce vitrine pour sauces : catalogue, fiche produit, inscription / connexion, panier côté navigateur (localStorage). Repo : PROJET_PERSONNEL_P4_SAVORYSTREAM_FRONT_END, package npm vite_savorystream.

<aside> ℹ️

Périmètre actuel : catalogue et détail issus de JSON statique (src/data/sauces.json). L’API backend n’est utilisée que pour l’auth (VITE_API_URL_AUTH). Pas de tunnel commande / paiement dans ce front.

</aside>

Lancement du projet

Prérequis

Installation

À la racine du dépôt :

npm install

Variables d’environnement

Créer un fichier .env à la racine (idéalement non versionné) avec l’URL du backend d’authentification :

VITE_API_URL_AUTH=https://ton-backend.example.com

Sans cette variable, les appels inscription / connexion peuvent échouer ou viser une URL vide.

Commandes utiles

Commande Rôle
npm run dev Serveur de dev Vite (HMR) — URL dans le terminal (souvent http://localhost:5173)
npm run build tsc -b • build production dans dist/
npm run preview Servir le contenu de dist/ en local
npm run test Vitest
npm run lint ESLint

Premier lancement

  1. npm install
  2. Renseigner .env avec VITE_API_URL_AUTH