◇|
Application Web Full-Stack
Sept - Déc 2025
Plateforme E-learning AYJI
AYJI est une Single Page Application éducative offrant un espace étudiant complet (dashboard, catalogue de cours, quiz interactifs) et un back-office administrateur. Construite avec Angular 19 et NgRx pour une gestion d'état robuste, elle intègre Socket.io pour les notifications en temps réel.
Contexte
Structure
Projet personnel - 3 mois de développement
Objectif
Créer une alternative LMS moderne et accessible aux plateformes étrangères coûteuses
Rôle
Développeur Full-Stack + Conception BDD (Angular, Node.js, MongoDB)
Fonctionnalités
- Tableau de bord étudiant avec progression et statistiques d'apprentissage
- Catalogue de cours avec navigation intuitive et filtrage avancé
- Lecteur PDF intégré et interface de cours optimisée
- Quiz interactifs (QCM) avec correction automatique et feedback immédiat
- Gestion d'état centralisée avec NgRx (Store, Effects, Entity)
- Notifications temps réel avec Socket.io-client
- Back-office complet pour la gestion des utilisateurs et contenus
- Interface responsive (Desktop, Tablette, Mobile) avec SCSS
Ce que j'ai appris
- Architecture Frontend avancée : Maîtrise de NgRx (Store, Effects, Entity)
- Base de données : MongoDB + Mongoose (backend), Redis (cache/sessions), PouchDB (offline)
- Programmation réactive : Utilisation poussée de RxJS pour l'asynchrone
- WebSockets & Temps réel : Intégration Socket.io pour les notifications
- Bonnes pratiques Angular : Lazy loading, guards, interceptors, modularité
Technologies
Angular 19TypeScriptNgRxRxJSNode.jsMongoDBMongooseRedisSocket.ioPouchDBCypressSCSS
Résultats
Modules5+
Composants40+
Lighthouse90+