Exercice

Vous reprenez le POC d'une startup e-commerce. Le dossier src est un véritable chaos technique où tout a été jeté en vrac dans un dossier components.
L'objectif est de réorganiser les fichiers en suivant les principes du Feature Sliced Design.

Vous ne devez pas réécrire le code ou la logique de l'application. Vous devez uniquement créer l'arborescence FSD, déplacer les fichiers et corriger les chemins d'importation pour que l'application s'affiche de nouveau sans erreur.

Dans cet exercice, vous devrez :

• créer les dossiers app, pages, widgets, features, entities et shared à la racine de src
• déplacer les composants d'infrastructure (comme Button.jsx) dans shared/ui
• isoler les modèles (comme ProductCard.jsx et l'appel API mocké) dans entities/product
• placer l'action spécifique AddToCartButton.jsx dans features/add-to-cart
• regrouper l'assemblage complexe de la barre de navigation dans widgets/header
• vérifier que vos imports dans App.jsx respectent la hiérarchie des couches