Architecture du projet

Le projet est structuré pour séparer clairement les responsabilités et faciliter la maintenance :

/node_modules
/public
/src
    

1. node_modules

Contient toutes les dépendances du projet installées via npm ou yarn.

2. public

• index.html : point d'entrée de l'application.
• .htaccess : configuration du serveur pour la réécriture d'URL.

3. src

Contient tout le code source de l'application React.

3.1 api

Regroupe tous les appels vers les endpoints de l'API Niralakka.

3.2 assets

Ressources statiques : CSS, images, icônes. Le thème Bootstrap est installé ici.

3.3 auth

Gestion de l'authentification et des sessions utilisateurs.

3.4 components

Composants réutilisables : boutons, formulaires, cartes, modales, etc.

3.5 context

Contient le AuthContext pour gérer l'état global de l'authentification.

3.6 hooks

Custom hooks réutilisables pour les appels API ou autres logiques spécifiques.

3.7 queries

Queries utilisant les custom hooks pour gérer les données côté front.

3.8 routes

Configuration des routes et de la navigation entre les pages.

3.9 utils

Fonctions utilitaires : formatage de date, gestion d'erreurs, etc.

3.10 views

Pages de l'application : Dashboard, Ticket, Projet, Statistiques...

4. Fichiers principaux

• App.js : montage de l'application, layout global et routes.
• index.js : point d'entrée de React, rend l'application dans la div root.

Résumé de la navigation

1. L'utilisateur ouvre l'application via index.html.
2. index.js monte le composant App.js.
3. App.js gère le layout global et les routes.
4. Les pages (views) affichent le contenu en utilisant les composants (components) et hooks (hooks) pour récupérer les données depuis l'API (api).