Découvrez comment Wondertale a aidé Atlas a développer son application de E-learning en seulement 15 jours. Atlas aide les étudiants à maîtriser chaque matière avec un apprentissage personnalisé grâce à l'intelligence artificielle
Atlas est né d'un constat simple : les étudiants passent des heures à créer des fiches de révision et des quiz à partir de leurs cours. L'objectif était de concevoir une application web permettant de transformer automatiquement n'importe quel document (PDF, notes de cours) en parcours d'apprentissage interactifs. La plateforme devait générer des QCM intelligents, suivre la progression de l'utilisateur et proposer des fonctionnalités sociales comme les classements et les groupes d'étude.
Le défi principal résidait dans l'intégration fluide de l'intelligence artificielle au cœur de l'expérience utilisateur. Il fallait concevoir une architecture capable d'analyser des documents complexes de natures variées — cours magistraux, articles scientifiques, manuels techniques — et d'en extraire automatiquement une structure pédagogique cohérente. Le système devait ensuite générer des questions pertinentes à trois niveaux de difficulté, en variant les formats : QCM classiques, vrai/faux et questions à réponses multiples. Chaque question nécessitait des explications détaillées pour transformer chaque erreur en opportunité d'apprentissage.
Au-delà de l'IA, l'interface représentait un défi de taille. Comment présenter une application riche en fonctionnalités — gestion de cours, sessions de quiz chronométrées, analytics détaillés, système d'amis et groupes d'étude, classements — sans submerger l'utilisateur ? L'expérience devait rester fluide sur desktop, avec une synchronisation en temps réel des données. Enfin, l'internationalisation complète en six langues ajoutait une couche de complexité supplémentaire, chaque élément de l'interface devant s'adapter dynamiquement à la langue de l'utilisateur.
Nous avons adopté une méthodologie de développement augmenté par l'IA en utilisant Claude Code comme copilote tout au long du projet. Cette approche nous a permis d'itérer rapidement sur des fonctionnalités complexes, de maintenir une qualité de code élevée et de résoudre des problèmes architecturaux en temps réel. Claude Code s'est révélé particulièrement efficace pour la génération de composants React, l'implémentation des prompts d'IA et le refactoring continu du codebase à mesure que le projet évoluait.
L'architecture technique repose sur Next.js pour le frontend, offrant une navigation instantanée et un rendu optimisé. Convex assure la persistance des données avec une synchronisation en temps réel, permettant aux utilisateurs de retrouver leur progression sur n'importe quel appareil sans latence perceptible. L'intégration de l'API Claude d'Anthropic constitue le moteur intelligent de la plateforme : un système de prompts soigneusement élaboré analyse les documents uploadés, structure le contenu en leçons logiques et génère des batteries de questions calibrées.
L'interface utilisateur, construite avec Tailwind CSS et des composants sur mesure, privilégie la clarté et l'engagement. Un système de gamification subtil — streaks quotidiens, badges de progression, classements entre amis — maintient la motivation des étudiants sur le long terme. Le résultat final est une plateforme qui transforme la corvée des révisions en expérience interactive et addictive, tout en restant accessible en quelques clics depuis n'importe quel navigateur.
