Organisation

Structure de l'arborescence

La structure suivante est utilisée dans la majorité de nos projets. Elle garantit une organisation claire et facilite la gestion du front-end.

front/
|
|- components/
|    Contient les modules dédiés aux composants graphiques,
|    comme une modale, un filtre ou un slider.
|
|- fonts/
|    Regroupe les fichiers de typographies utilisés dans le projet.
|
|- images/
|    Stocke les images du thème, notamment les icônes au format SVG.
|
|- routes/
|    Contient les modules propres à des pages spécifiques,
|    comme home, articles, pages produits, etc.
|
|- index.scss
|    Point d’entrée principal pour le CSS.
|    Importe les modules (depuis "components" ou "routes").

C'est quoi un "module"

Un module est un ensemble de fichiers qui se concentre sur une fonctionnalité ou un composant spécifique. Il rassemble le code nécessaire (CSS et JS) pour gérer son rôle de manière autonome.

modal/
|
|- _modal.scss
|
|- modal.js