CodeQuest LMS

CodeQuest LMS est ne d'un constat simple : les ressources pour apprendre a coder en francais sont rares, et celles qui existent manquent souvent de structure. L'idee etait de creer un espace ou un debutant complet peut progresser de facon autonome, pas a pas, sans se perdre.

Le projet a ete construit de A a Z — du design a l'architecture, en passant par la base de donnees et le deploiement. C'est a la fois un outil pedagogique et un exercice d'ingenierie complet.

Ce que fait la plateforme

• Parcours structures — des chemins d'apprentissage progressifs, du HTML de base jusqu'a React
• Exercices interactifs — editeur de code integre avec validation en temps reel
• Suivi de progression — tableau de bord personnel avec statistiques et badges
• Studio createurs — interface d'administration pour les auteurs de contenu
• Systeme d'authentification — inscription, connexion, profils utilisateur

Construire un LMS, c'est comprendre a la fois le code et la pedagogie.

Architecture technique

Le frontend est construit avec Next.js et TypeScript, stylise avec Tailwind CSS. Le contenu des cours est gere via Sanity CMS, ce qui permet aux createurs de publier sans toucher au code.

Cote donnees, PostgreSQL gere les utilisateurs, la progression et les statistiques, avec Prisma comme ORM. Le tout est deploye sur Vercel avec des previews automatiques pour chaque branche.

Defis et apprentissages

Le plus grand defi a ete de concevoir un systeme de progression qui soit a la fois flexible (pour les createurs de contenu) et rigoureux (pour les apprenants). Chaque lecon doit pouvoir etre independante tout en s'inscrivant dans un parcours coherent.

J'ai aussi appris enormement sur l'experience utilisateur pedagogique — comment structurer l'information, doser la difficulte, et garder l'engagement sans gamifier a outrance.