Architecture

Le dossier mobile d'un projet SmartMaker contient un dossier public (fichiers statiques), un dossier src (code source) et quelques fichiers de configuration, modèle que l'on retrouve dans la majorité des projets React.

Dans le dossier public :

• images: Icônes de l'application (pwa) et autres images statiques.
• locales: Fichiers de traductions json.

Vous pouvez bien évidemment agencer et/ou rajouter des fichiers comme videos, audios, … comme vous le souhaitez.

Dans le dossier src:

• assets contient les fichiers

  • components regroupe les composants jsx de l'application.
  • i18n contient les fichiers de configuration des traductions
  • redux contient les fichiers de gestion de l'état global de Redux
  • themes contient les fichiers de thèmes
  • utils contient les constantes, les fonctions utilitaires, …
  • App.jsx est le premier composant de l'application englobant les pricipaux
  • main.jsx est le point d'entrée de tout le code source de l'application importé dans index.html
  • config.js est un fichier de configuration globale de l'application

  Fichiers de configuration :

• .env:
• .env;example:
• .gitignore:
• eslint.config.js:
• index.html:
• package-lock.json:
• package.json:
• README.md:
• vite.config.js: