claude

docs/plans/2026-01-18-frontend-phase2-design.md

@@ -141,31 +141,35 @@ Frontend :
 
 ---
 
-### Étape 5 : Amélioration visuelle ProductCard
+### Étape 5 : Amélioration visuelle ProductCard (TERMINÉ)
 **Objectif** : Vignette produit complète selon le schéma CLAUDE.md
 
 Frontend :
-- [ ] Image non tronquée (object-fit: contain)
-- [ ] Section prix (actuel, conseillé, réduction)
-- [ ] Badges (Prime, Choix Amazon, Deal, Exclusivité)
-- [ ] Note + nombre d'avis
-- [ ] Stock status
-- [ ] Responsive grid (colonnes configurables via config_frontend.json)
+- [x] Image non tronquée (object-fit: contain)
+- [x] Section prix (actuel, conseillé, réduction)
+- [x] Badges (Prime, Choix Amazon, Deal, Exclusivité)
+- [x] Note + nombre d'avis
+- [x] Stock status
+- [x] Responsive grid (colonnes configurables via config_frontend.json)
+
+Backend :
+- [x] Créer schéma ProductWithSnapshot
+- [x] Modifier API pour retourner produits avec derniers snapshots
 
 ---
 
-### Étape 6 : Graphique historique (Phase 2.5)
+### Étape 6 : Graphique historique (Phase 2.5) (TERMINÉ)
 **Objectif** : Visualiser l'évolution des prix sur 30 jours
 
 Backend :
-- [ ] Créer endpoint `GET /products/{id}/snapshots`
+- [x] Endpoint `GET /products/{id}/snapshots` (existait déjà)
 
 Frontend :
-- [ ] Installer chart.js + react-chartjs-2
-- [ ] Créer composant PriceChart
-- [ ] Intégrer dans ProductCard
-- [ ] Afficher min/max/tendance sous le graphique
-- [ ] Couleurs selon tendance (vert baisse, orange stable, rouge hausse)
+- [x] Installer chart.js + react-chartjs-2
+- [x] Créer composant PriceChart
+- [x] Intégrer dans ProductCard
+- [x] Afficher min/max/tendance sous le graphique
+- [x] Couleurs selon tendance (vert baisse, orange stable, rouge hausse)
 
 ---