Fullstack – React (Front) + Express (Back)

Ports

• Front (Vite/React) : http://localhost:3000
• Back (Express) : http://localhost:4000

Démarrer rapidement

1) Lancer MongoDB + Redis (recommandé)

Redis sert à blacklister un JWT (logout + invalidation). Si Redis n'est pas dispo, le back tourne quand même.

cd .
docker compose up -d

2) Back

cd back
cp .env.example .env
npm install
npm run seed   # crée l'utilisateur demo + quelques films
npm run dev

Compte de test seed:

• username: demo
• email: demo@example.com
• password: password123

3) Front

cd front
cp .env.example .env
npm install
npm run dev

---

Ce qui est implémenté (par rapport aux exigences)

Guest (sans connexion)

• ✅ get liste : GET /api/movies
• ✅ get un objet (id) : GET /api/movies/:imdbID
• ✅ search : GET /api/movies/search?q=...
• ✅ fiche utilisateur publique : GET /api/users/:username (et page front /user/:username)

Auth (JWT)

• ✅ register : POST /api/auth/register
• ✅ login : POST /api/auth/login
• ✅ logout clean front/back : POST /api/auth/logout
• ✅ session JWT avec expiration (JWT_EXPIRES_IN, défaut 1h)
• ✅ invalidation du JWT sur requête invalide (ex: modifier/supprimer un objet qui ne vous appartient pas) via blacklist Redis

Utilisateur connecté

• ✅ créer un objet : POST /api/movies
• ✅ éditer ses objets : PUT /api/movies/:imdbID (owner-only)
• ✅ supprimer ses objets : DELETE /api/movies/:imdbID (owner-only)
• ✅ favoris (tous utilisateurs confondus) : POST /api/movies/:imdbID/favorite + GET /api/me/favorites

Proxy / mockable

• ✅ Proxy Vite: /api → http://localhost:4000 (voir front/vite.config.ts)
• ✅ Base URL configurable côté front via VITE_API_BASE_URL.

---

Notes

• Les modèles (MongoDB) sont dans back/src/models.
• Le seed est dans back/src/utils/seed.js et injecte des films en base.
• Identifiant côté front = imdbID (compatibilité avec l'ancien projet OMDb).