Role-based LMS
Une plateforme d'apprentissage et de développement de carrière pour les équipes, qui réunit cours, échelles de carrière, évaluations de compétences et reporting, avec des expériences distinctes pour les apprenants et les managers.
- Client
- Travail professionnel
- Rôle
- Ingénieure full-stack
- Durée
- Sept. 2024 — Mai 2025
- Année
- 2024–2025
- 4
- Domaines produit construits
- Full-stack
- Interface produit, backend, données et CI
01
Le défi
Les équipes ont besoin d'un moyen clair de faire progresser leurs collaborateurs selon les compétences et les attentes de leurs rôles.
Cette plateforme a réuni dans un seul produit l'apprentissage, le développement de carrière, l'évaluation des compétences et le reporting, avec des expériences distinctes pour les apprenants et les managers.
L'application a été construite autour d'un frontend Next.js, d'un service web distinct et de PostgreSQL, avec des exigences de sécurité alignées sur OWASP tout au long du développement.
02
Mon rôle
J'ai travaillé sur l'ensemble de la stack, avec l'essentiel de mon travail sur l'interface produit, en plus du backend, des données et de la CI.
Pendant environ neuf mois, j'ai construit les principales surfaces du produit à la suite : l'expérience d'apprentissage, les échelles de carrière et les compétences, les évaluations et le reporting, puis la gestion des utilisateurs et des organisations.
03
L'ingénierie
Expérience d'apprentissage
J'ai construit l'expérience centrale des cours — pages de cours, de leçon, de quiz et de certificat — ainsi que les tableaux de bord d'équipe et de membre.
Je me suis aussi occupée du rendu des leçons en Markdown, de la navigation distincte pour apprenants et managers, des design tokens, du responsive et du seeding de la base de données.
Développement de carrière et compétences
J'ai construit de zéro une expérience d'échelle de carrière, avec un constructeur de rôles en drag-and-drop, la gestion des compétences et la collaboration au niveau de l'organisation.
L'expérience permettait de créer, prévisualiser et modifier des structures de carrière tout en restant responsive sur tous les appareils.
Évaluations et reporting
J'ai pris en charge l'essentiel du produit d'évaluation : création, gestion, aperçu et évaluation.
J'ai aussi construit les visualisations du reporting, dont des répartitions de compétences multicouches avec filtres.
Utilisateurs, authentification et organisations
J'ai mis en place l'architecture de gestion des utilisateurs avec CQS — commandes, requêtes, handlers et repositories — et construit les parcours utilisateur associés : invitations, onboarding et gestion du profil.
Je me suis aussi occupée des parcours de déconnexion, de callback et de redirection d'Auth0.
Plateforme, CI et tests
J'ai configuré GitHub Actions pour exécuter les tests sur une base de données et appliquer les migrations Prisma sur les pull requests et sur main, et ajouté des tests end-to-end de navigation avec Playwright.
L'environnement de développement tournait via Docker Compose.
04
Ce que j'ai livré
- Expériences principales de cours, leçons, quiz et certificats, avec des tableaux de bord d'équipe et de membre.
- Échelles de carrière avec un constructeur de rôles en drag-and-drop, la gestion des compétences et la collaboration au niveau de l'organisation.
- Création, gestion, aperçu et évaluation des évaluations.
- Visualisations de reporting avec répartitions de compétences multicouches et filtres.
- Gestion des utilisateurs et des organisations avec invitations, onboarding et parcours Auth0.
- Workflows GitHub Actions avec tests adossés à une base de données et migrations Prisma, plus des tests end-to-end avec Playwright.
05
Résultats
- J'ai construit les principales surfaces de la plateforme en environ neuf mois, couvrant l'apprentissage, le développement de carrière, les évaluations, le reporting et la gestion des utilisateurs.
- J'ai mis en place des contrôles automatiques sur les pull requests avec tests adossés à une base de données et migrations Prisma, ainsi qu'une couverture end-to-end de la navigation avec Playwright.
06
Stack
- Application
- Next.js
- React
- TypeScript
- Tailwind CSS
- Données et authentification
- PostgreSQL
- Prisma
- Auth0
- Zod
- Interface produit
- Headless UI
- Radix
- dnd-kit
- React Flow
- Recharts
- Dagre
- Qualité et infrastructure
- Jest
- Playwright
- Docker Compose
- GitHub Actions
Analyse suivante
Minute Master
Des procès-verbaux de conseils d'administration assistés par l'IA : la transcription alimente un brouillon modifiable, qui est ensuite amendé, signé électroniquement et exporté — tout le cycle de vie du PV dans un seul éditeur.