claude

TODO.md

@@ -8,15 +8,26 @@
 - [x] tests unitaires parser, normalisation, pricing
 - [x] intégrer scheduler APScheduler pour `scrape_all`
 
-## Phase 2 - Frontend (EN COURS)
-- [ ] connecter App.jsx à l'API backend (fetch produits)
-- [ ] implémenter ProductCard avec données réelles
-- [ ] ajouter formulaire d'ajout de produit (URL Amazon)
-- [ ] graphique Chart.js historique 30j
-- [ ] store Zustand pour état global
+## Phase 2 - Frontend (TERMINÉ ✓)
+- [x] page debug avec tables SQLite et logs (Étape 1)
+- [x] store Zustand pour état global (Étape 2)
+- [x] connecter App.jsx à l'API backend (fetch produits) (Étape 2)
+- [x] ajouter formulaire d'ajout de produit (URL Amazon) (Étape 3)
+- [x] actions scrape/delete sur produit (Étape 4)
+- [x] amélioration visuelle ProductCard (Étape 5)
+  - [x] API enrichie avec ProductWithSnapshot
+  - [x] section prix (actuel, conseillé, réduction, min 30j)
+  - [x] badges (Prime, Choix Amazon, Deal, Exclusivité)
+  - [x] note + nombre d'avis
+  - [x] stock status coloré
+  - [x] image non tronquée (object-fit: contain)
+  - [x] grille responsive avec colonnes configurables
+- [x] graphique Chart.js historique 30j (Étape 6)
+  - [x] composant PriceChart avec chart.js + react-chartjs-2
+  - [x] affichage min/max/tendance
+  - [x] couleurs selon tendance (vert/jaune/rouge)
 
 ## Phase 3 - Industrialisation
 - [ ] dockeriser backend + frontend + scheduler
 - [ ] docker-compose avec volumes persistants
-- [ ] page debug/logs affichant tables SQLite
 - [ ] tests E2E frontend