GMB School & AI Cabinet

Angular 21 TailwindCSS 4 Laravel API JWT Angular Signals Jitsi Meet

29 vues

Image principale du projet GMB School & AI Cabinet

Problématique

Développer une solution double : un site vitrine professionnel pour un cabinet de conseil en IA et une plateforme d'e-learning complète. Le défi majeur était de créer un système robuste capable de gérer trois types d'utilisateurs (Étudiants, Formateurs, Admins) avec des permissions strictes et une expérience utilisateur fluide.

Ma Solution

J'ai opté pour une architecture moderne séparant totalement le frontend du backend. Points clés du Frontend (Angular 21) : Gestion d'état : Utilisation des Angular Signals pour une réactivité optimale et des performances accrues. Sécurité : Mise en place d'intercepteurs HTTP pour la gestion automatique des tokens JWT et du rafraîchissement silencieux des sessions (Refresh Token). Fonctionnalités avancées : Intégration de sessions vidéo en direct via Jitsi Meet, éditeur de texte riche (Quill), et un catalogue de cours avec filtres dynamiques. Multi-Espaces : Développement de 3 tableaux de bord distincts avec des Guards de navigation pour sécuriser les accès formateurs et administrateurs.

Défis & Apprentissages

Ce projet en local m'a permis de maîtriser la communication complexe entre une API REST Laravel (plus de 30 migrations et 18 modèles) et un frontend Angular Standalone. Le plus grand défi a été la synchronisation des données en temps réel et la gestion fine du cycle de vie des cours (création de modules, leçons vidéo, et quiz). J'ai également appris à configurer des environnements de production (Nginx/SPA) pour ce type d'architecture.