Noxus
La cartographie du savoir mathématique
Une plateforme d’apprentissage systémique qui visualise les mathématiques comme un graphe de connaissances interconnectées, du CP à l’université.
- Rôle
- Conception, contenu & développement mobile
- Période
- 2024
- React Native
- Expo
- TypeScript
- SQLite
- Jest
Contexte
Les applications éducatives traitent les mathématiques de manière linéaire, comme si chaque chapitre était indépendant. Or les mathématiques sont par essence interconnectées : comprendre les dérivées suppose de maîtriser les limites, qui dépendent elles-mêmes de la notion de fonction, laquelle suppose celle de relation.
Noxus part d’un principe simple : une lacune est presque toujours une dépendance manquante. On ne peut pas comprendre les puissances sans maîtriser la multiplication. L’enjeu n’est donc pas d’ajouter du contenu — il en existe déjà énormément — mais de rendre visible la structure qui le relie.
Le problème
L’enseignement traditionnel souffre de quatre défauts qui se renforcent les uns les autres, et l’élève finit par confondre « je n’y arrive pas » avec « je ne suis pas fait pour ça ».
- La linéarité forcée : un parcours imposé, identique pour tous, qui ignore le niveau réel de chacun.
- L’accumulation de lacunes : chaque trou non comblé fragilise silencieusement tout ce qui vient après.
- L’absence de vision globale : impossible de situer une notion dans l’ensemble, donc de comprendre à quoi elle sert.
- La démotivation : on échoue sans jamais savoir où se situe la cause réelle de l’échec.
Le graphe
La réponse est une cartographie complète du savoir mathématique sous forme de graphe. Chaque notion est un nœud portant son propre contenu pédagogique ; chaque lien représente un pré-requis ou un débouché. L’apprenant visualise son chemin de progression et peut, à tout moment, remonter la source d’une incompréhension jusqu’à la notion qui manque réellement.
- Plus de 400 nœuds couvrant l’intégralité du curriculum français, du primaire au supérieur.
- Navigation par zoom et déplacement dans le graphe, avec recherche instantanée sur l’ensemble.
- Filtrage par niveau — primaire, collège, lycée, licence — chaque niveau ayant sa couleur, ce qui permet de se repérer visuellement sans lire.
- Chemins de remédiation : depuis un nœud non acquis, l’application remonte automatiquement la chaîne des pré-requis manquants.
Les modules
Un cours n’est pas un bloc de texte. Le moteur de rendu a été écrit sur mesure pour supporter les formats dont les mathématiques ont besoin, sans quoi la moitié du contenu serait des captures d’image illisibles.
- Markdown et LaTeX pour les formules, rendues nativement plutôt qu’en images.
- Médias intégrés, tableaux et références croisées entre nœuds.
- Exercices interactifs et exemples commentés pas à pas.
Chaque module suit la même structure progressive — introduction, définitions, explications, exemples, exercices, pour aller plus loin. Cette régularité compte autant que le contenu : l’apprenant sait toujours où il est dans le module, et où trouver ce qu’il cherche.
Adapter le ton, pas l’interface
Un module « Addition » destiné au CP et un module « Statistiques inférentielles » destiné à la licence partagent exactement la même interface. Ce qui change, c’est le contenu : le vocabulaire, les exemples, le calibrage des exercices.
C’est ce qui permet à Noxus de servir un enfant de sept ans comme un étudiant en prépa sans maintenir deux applications. Et cela évite l’écueil habituel des applications éducatives : infantiliser l’adolescent parce que l’enfant a besoin d’images.
Progression
Un système de progression complet — expérience, niveaux, badges, statistiques détaillées, objectifs personnalisés — mais volontairement sobre et non intrusif. Pas de notification culpabilisante, pas de série à ne pas briser : la motivation vient de voir le graphe se remplir, pas d’une pression extérieure.
Interface
L’interface est délibérément sobre et professionnelle, inspirée d’outils de productivité comme Obsidian, pour installer une posture d’apprentissage sérieuse quel que soit l’âge de l’utilisateur.
- Minimalisme fonctionnel : chaque élément visuel doit justifier sa présence.
- Contraste optimal et hiérarchie typographique claire, y compris sur les formules.
- Animations subtiles, uniquement pour signaler un changement d’état — jamais décoratives.
Confidentialité
Privacy by design, ce qui n’est pas négociable pour une application éducative destinée à des enfants : aucune collecte de données personnelles, stockage local par défaut, synchronisation strictement optionnelle, aucun compte obligatoire pour utiliser l’application.
Cette contrainte a orienté toute l’architecture. Une base SQLite locale plutôt qu’un backend, un contenu versionné et livré avec l’application plutôt que servi à la demande. Elle a aussi un effet secondaire appréciable : l’application fonctionne intégralement hors ligne.
Stack
- React Native et Expo, avec un moteur de rendu custom pour les modules.
- Graphe interactif, animations, gestion d’état et navigation.
- SQLite en local, architecture modulaire, système de progression et versioning du contenu.
- TypeScript, ESLint et Prettier, Jest, EAS Build, Sentry.
Ce que j’en retiens
Apprendre en comprenant plutôt qu’en mémorisant suppose trois choses : pouvoir identifier ses lacunes, personnaliser son parcours, et faire des connexions entre des notions qu’on croyait séparées.
L’objectif final n’est pas le contenu, c’est l’autonomie : l’habitude d’aller chercher les fondations quand quelque chose ne tient pas. Techniquement, le projet m’a surtout appris qu’un moteur de rendu écrit sur mesure coûte cher au départ et se rentabilise dès le vingtième module.
Autres projets
Plum — L’assistant mémoire qui rassure
Une application mobile double-interface conçue pour l’autonomie des personnes ayant des troubles de la mémoire, sécurisée par un mode aidant.
Lire le cas d’étudeFinalytics — Générer des rapports financiers automatiquement
Un SaaS qui transforme des données financières brutes en rapports lisibles, structurés et prêts à être partagés. Automatiser un processus long, répétitif et source d’erreurs.
Lire le cas d’étudeProject Climat — Informer, vulgariser et rendre visible
Un site éditorial dédié à la vulgarisation des enjeux environnementaux : une information claire et fiable, dans un design respectueux de l’attention du lecteur.
Lire le cas d’étude