Ingénierie produit

TPMS Expertic

Modules par rôle pour une plateforme d'exploitation des TPE qui gère les demandes des banques, les tickets, l'inventaire, les pièces jointes, les flux Excel et les notifications, avec Next.js, NestJS, Prisma, PostgreSQL, JWT, CASL et SSE.

InterneAucun dépôt publicPlateforme de gestion des opérations TPE / 2025

Problème

Expertic avait besoin d'un seul endroit pour coordonner les demandes de TPE, les tickets de service, les mouvements de stock, les fiches banques et clients et le stock mort, avec un accès adapté à chaque rôle.

Solution

Construction d'une plateforme web multi-rôles avec un tableau de bord Next.js, une API NestJS et un modèle de données Prisma/PostgreSQL. Le backend applique l'authentification JWT, les permissions CASL, la validation, les notifications, les téléversements et des API cloisonnées par rôle.

Fonctionnalités clés

Tableaux de bord par rôle pour les employés de banque et les chargés de compte

Workflows de tickets pour les demandes d'intervention, de consommables, de vérification réseau et de déblocage

Modules de catalogue de TPE, de modèles de terminaux, de banques, de clients, de consommables et de stock mort

Authentification JWT, autorisation CASL, gardes de routes, validation et API cloisonnées par rôle

Notifications SSE, modèles d'e-mails, pièces jointes et import/export de modèles Excel

Tableaux avec recherche et filtres, fenêtres modales réutilisables, pages de paramètres et protection contre la perte de modifications non enregistrées

Rôle

Développeur full-stack sur TPMS, un outil interne d'Expertic que j'ai construit avec mon collègue Sohaib Benabdallah pendant mon poste là-bas. C'est la propriété de l'entreprise Expertic. J'ai travaillé sur les tableaux de bord par rôle, l'intégration de l'API, les workflows de tickets, les modules d'inventaire et les preuves anonymisées destinées au portfolio.

Stack

Next.jsTypeScriptReactTailwind CSSshadcn/uiAxiosNestJSPrismaPostgreSQLJWTCASLSSEExcel import/export

Liens

Étude de cas

Flux de requêtes par rôle

une API, deux espaces de travail

Les employés de banque et les gestionnaires de comptes voient des systèmes différents, mais ce sont les mêmes endpoints. La chaîne de gardes est la décision produit— un JWT prouve qui vous êtes, un contrôle de rôle prouve quel type d'utilisateur vous êtes, et les politiques CASL décident ligne par ligne ce que vous pouvez lire ou modifier. Ajouter un quatrième type de ticket n'a demandé aucun nouveau code de permissions.

Captures d'écran : TPMS

11 vues

Tableau de bord des tickets du chargé de compte TPMS avec filtres et actions Excel. — Tableau de bord des demandes du chargé de compte avec filtres de tickets, import/export Excel et point d'entrée pour une nouvelle demande.

Fenêtre de nouvelle demande TPMS avec les onglets intervention, consommable, choix du réseau et déblocage. — Fenêtre de demande multi-types pour les workflows d'intervention, de consommables, de choix du réseau et de déblocage.

Tableau de bord de gestion des banques TPMS avec cartes d'indicateurs et action de création de banque. — Écran de gestion des banques avec recherche, filtre de statut, cartes d'indicateurs et création de banque.

Fenêtre de création de banque TPMS avec les onglets informations de la banque, sous-compte et TPE. — Fenêtre de création de banque découpée en informations de la banque, sous-comptes et affectation de modèles de terminaux.

Page d'inventaire des consommables TPMS avec cartes de stock et filtre de stock faible. — Inventaire des consommables avec synthèses de stock, recherche, filtre de stock faible et action de création.

Page de gestion des modèles de TPE TPMS regroupés par fabricant. — Catalogue de TPE regroupé par fabricant, avec détails des modèles et actions de suppression contrôlées.

Page d'inventaire du stock mort du chargé de compte TPMS. — Inventaire du stock mort du chargé de compte avec état d'affectation, filtres et tableau de stock.

Page de profil et de mot de passe du chargé de compte TPMS. — Paramètres du chargé de compte pour la mise à jour du profil et le changement de mot de passe.

Tableau de bord des tickets de l'employé de banque TPMS, limité aux actions de l'employé de banque. — Tableau de bord de l'employé de banque avec suivi cloisonné des demandes et navigation simplifiée.

Synthèse de l'inventaire de stock mort de l'employé de banque TPMS. — Vue du stock mort de l'employé de banque avec synthèses de l'inventaire affecté et tableau en lecture seule.

Page de paramètres de l'employé de banque TPMS avec profil et informations de la banque. — Paramètres de l'employé de banque : contrôles du profil et informations de la banque associée.