N° 04 / 08 — PIM · SaaS
JABS Software
Le PIM qui met fin au chaos : toutes vos données produits au même endroit, et une IA pour les faire travailler.
- Rôle
- Conception et développement
- Année
- 2024
- Statut
- En coursPro
- Stack
- C# · .NET · Azure · Next.js · React · SignalR
- Liens
- Le site ↗
01 / 07
Le problème
Les données produits vivent partout : dossiers, tableurs, e-mails. Marketing, ventes, technique et logistique passent un temps fou à les chercher, à les recopier, à les tenir à jour.
02 / 07
Ce que j'ai fait
J'ai conçu un PIM pensé pour rester simple : produits, familles, attributs, canaux de diffusion, imports et exports, réunis dans une organisation partagée par toute l'équipe.
Des fonctions d'IA aident à gérer et à exploiter les fiches produits : moins de temps à saisir, plus de temps à vendre.
03 / 07
Comment c'est construit
Un backend C# / .NET sur Azure, découpé en services. Un front Next.js et React.
Et SignalR, pour que chaque modification apparaisse en temps réel chez toute l'équipe.
- Imports
- Services .NET sur Azure
- Interface Next.js
- Canaux et exports
04 / 07
Les défis
- 01
Un modèle de données que chaque client façonne
Familles, attributs et canaux sont définis par chaque organisation. Le défi : garder une interface claire quand la structure change d'un client à l'autre, avec du glisser-déposer, un éditeur riche (TipTap) et des filtres gardés dans l'URL.
- 02
Le temps réel pour toute l'équipe
Avec SignalR, une modification apparaît aussitôt chez tous ceux qui travaillent sur le même catalogue, sans rechargement.
- 03
Des espaces séparés et sécurisés
Authentification Auth0 et espaces séparés par organisation : chaque équipe ne voit que ses données. Chaque route de l'API .NET, temps réel compris, est décrite et rejouée dans des collections Bruno.
05 / 07
Résultats
JABS prépare son lancement : le site est en ligne, et sa liste d'attente est ouverte.
06 / 07
Ce que j'ai appris
Un PIM tient ou s'écroule sur son modèle de données. La difficulté n'est pas d'afficher un produit, mais de laisser chaque client définir ses propres familles et attributs sans que l'interface devienne un formulaire sans fin.
07 / 07
La stack technique
- Front-end
- Next.jsReactTypeScriptZustandZodTipTapTailwind CSS
- 3D, animation et temps réel
- SignalR
- Back-end et API
- C#.NETAPI REST
- DevOps, cloud et tests
- AzureDockerGitBruno (tests d'API)
- Sécurité et réseau
- Auth0 (OAuth 2)Gestion des droits
- Produit, SEO et méthodes
- Jira
Projet suivant · 05 / 08
Pepoo Arena
Pepoo Arena
