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 Rails (VITE_API_URL_AUTH, cookies credentials: "include") sert l’authentification (sessions, profil) et les parcours admin (ex. création de sauce, catégories). 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=http://localhost:3000/api/v1/

La base doit se terminer par un slash final ; les chemins (users/sessions, sauces, sauces/categories, …) sont concaténés tels quels. Sans variable ou avec une base vide, les appels API échouent. Voir .env.example à la racine du repo.

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 (watch) · npm run test -- --run pour une exécution unique (proche CI)
npm run lint ESLint

Premier lancement

  1. npm install
  2. Renseigner .env avec VITE_API_URL_AUTH