Retour aux projets

04Dossier de mission projet

Plateforme d’opérations BTP · 2025

Application web de gestion des chantiers et du matériel

Un projet de stage en équipe documentant une plateforme MERN privée pour centraliser le suivi des chantiers, l’affectation du matériel, les rapports opérationnels et les accès par rôles.

Rôle
Stagiaire en génie logiciel — projet d’application web full-stack
Statut
Projet privé d’entreprise · Code source non disponible publiquement
SYS / 04construction-operations-platformProjet privé d’entreprise · Code source non disponible publiquement
Tableau de bord anonymisé présentant des indicateurs de chantiers et de matériel
Tableau de bord anonymisé présentant des indicateurs de chantiers et de matériel
01

Aperçu du projet

Entreprise
Abhaje Frères
Période
28 avril 2025 – 28 juillet 2025
Lieu
Taroudant, Maroc
Secteur
Construction / BTP
Type de projet
Application interne privée d’entreprise
Dépôt
Projet privé d’entreprise · Code source non disponible publiquement
02

Contexte

Projet de stage de fin d’études en génie logiciel

Entreprise
Abhaje Frères
Période
28 avril 2025 – 28 juillet 2025
Secteur
Construction / BTP
Base documentaire
Version simplifiée à partir de la documentation du projet de stage
03 / Le problème

Le problème

L’entreprise s’appuyait sur des processus manuels et fragmentés : rapports papier, tableurs, communications téléphoniques et informations dispersées sur les chantiers et le matériel. Le projet visait à centraliser ces opérations dans une plateforme web sécurisée afin de répondre à la lenteur du reporting, au manque de visibilité sur l’avancement et aux difficultés de suivi du statut et de l’affectation du matériel.

04 / La solution

La solution

L’équipe a conçu une plateforme web multi-utilisateurs couvrant l’authentification et les accès par rôles, les fiches et la progression des chantiers, les informations client, budget, calendrier et localisation, l’inventaire et l’affectation du matériel, la maintenance et l’utilisation, les rapports opérationnels, les KPIs et graphiques du tableau de bord, ainsi que la gestion des comptes Chef de chantier.

05

Rôles utilisateurs

01

Administrateur

Gère les comptes Chef de chantier, les chantiers, l’affectation du matériel et l’accès aux rapports.

02

Chef de chantier

Consulte les chantiers assignés, met à jour leur progression et leur statut, et crée des rapports opérationnels.

06

Modules fonctionnels

01

Authentification

Connexion sécurisée et accès API protégé pour deux rôles.

  • Connexion par e-mail et mot de passe
  • Rôles Administrateur et Chef de chantier
  • Accès API protégé
02

Tableau de bord

Une vue consolidée de l’activité des chantiers et du matériel.

  • KPIs des chantiers
  • KPIs du matériel
  • Visualisations de la progression et du statut du matériel
03

Chantiers

Fiches regroupant statut, progression et contexte opérationnel.

  • Liste, détails et création/modification/suppression selon autorisation
  • Client, budget, dates, statut et progression
  • Matériel et rapports associés
04

Matériel

Inventaire, statut, maintenance et affectation aux chantiers.

  • Recherche, filtrage et détails
  • Statut et informations de maintenance
  • Affectation aux chantiers et modification
05

Rapports

Comptes-rendus opérationnels liés aux chantiers.

  • Liste, filtrage et détails
  • Création et modification
  • Informations opérationnelles et commentaires
06

Utilisateurs / Chefs de chantier

Gestion des comptes contrôlée par l’administrateur.

  • L’administrateur crée les comptes Chef de chantier
07

Architecture

Version simplifiée à partir de la documentation du projet de stage

  1. 01Frontend

    React.js, React Router, Tailwind CSS et Axios

  2. 02API et logique métier

    Node.js, Express.js, endpoints REST et règles métier

  3. 03Sécurité

    Authentification JWT, hachage bcryptjs et accès par rôles

  4. 04Données

    Persistance MongoDB via Mongoose

2rôles utilisateurs documentés
6modules fonctionnels principaux
MERNarchitecture documentée
08

Parcours produit

09

Processus d’ingénierie

Version simplifiée à partir de la documentation du projet de stage

  1. 01

    Besoins et spécification

    Analyse des besoins de l’entreprise, définition du périmètre et formalisation du cahier des charges.

  2. 02

    Modélisation UML

    Documentation des cas d’utilisation, des classes et des séquences clés d’authentification, de création de chantier et d’affectation du matériel.

  3. 03

    Développement backend

    Mise en place du socle Node.js, Express.js et MongoDB, de l’API REST et du flux d’authentification.

  4. 04

    Développement frontend

    Développement des interfaces React.js et Tailwind CSS, puis intégration au backend avec Axios.

  5. 05

    Tests et documentation

    Réalisation de tests fonctionnels, correction des anomalies et documentation technique finale par cycles itératifs.

Technologies produit

  • React.js
  • React Router
  • Tailwind CSS
  • Axios
  • Node.js
  • Express.js
  • REST API
  • JWT
  • bcryptjs
  • MongoDB
  • Mongoose

Conception, tests et workflow

  • Figma
  • v0.dev
  • Postman
  • Git
  • GitHub
  • UML
  • Agile methodology

Environnement de développement

  • Visual Studio Code
  • MongoDB Compass
  • npm
10

Ma contribution

Stagiaire en génie logiciel — projet d’application web full-stack

  1. 01

    Contribution à l’analyse des besoins, à la conception UML, au développement full-stack, à l’intégration API, aux tests et à la documentation technique au sein de l’équipe projet.

11

Résultat

Le stage a abouti à une plateforme web interne fonctionnelle couvrant les principaux workflows définis dans le cahier des charges.

12

Perspectives documentées

Version simplifiée à partir de la documentation du projet de stage

  • 01

    Application mobile

  • 02

    Gestion financière avancée

  • 03

    Affectation des ressources humaines

  • 04

    Notifications en temps réel

Mission suivante / 05
Arij Maison

Storefront e-commerce premium