Initialisation · 00:00:00

Tom LEFRERE · Data Scientist

Des données. Un signal.

0%
FR EN

← Portfolio

· css · data · express · html · javascript · node · sql · sqlite · web

Mathelearning, une plateforme d’apprentissage des maths

Application web d’apprentissage des mathématiques pour la Data Science, avec comptes utilisateurs, suivi de progression et quiz interactifs.

Mathelearning, une plateforme d’apprentissage des maths

Le projet

Mathelearning, pour le coup, c’est une plateforme web que j’ai montée pour me remettre aux mathématiques, orientée Data Science. C’est à la fois une appli de révision, une plateforme de cours structurés avec des exercices et du suivi de progression, et un outil de quiz. Le tout dans une seule interface, conçue pour rendre l’apprentissage efficace, et surtout un minimum motivant, parce que se remettre aux maths seul, c’est quelque chose qui peut vite se relacher si rien ne tient le fil.

Mes contributions

Conception et développement complet de la plateforme : architecture SPA avec API REST, système de comptes utilisateurs et authentification JWT, rendu de formules mathématiques avec KaTeX, suivi de progression par chapitre, tableau de bord, timer Pomodoro, système de badges et quiz interactifs. L’idée étant d’avoir un tout en un cohérent, plutôt qu’un empilement d’outils externes.

Ce que j’ai retenu

La combinaison cours, exercices et gamification, c’est vraiment efficace pour se motiver à apprendre. Du coup, j’ai aussi approfondi l’architecture SPA avec Node.js et Express, la gestion d’authentification JWT, et la persistance avec sql.js (SQLite embarqué dans Node), ce qui est une approche un peu moins courante mais qui marche bien pour un projet perso sans serveur de base de données dédié.

Contexte

Projet personnel. J’avais besoin d’un outil structuré pour me remettre à niveau en maths appliquées à la Data Science, et évidemment rien d’existant ne me convenait vraiment. C’est typiquement le genre de truc qu’on se fabrique quand on a une idée précise de ce qu’on veut.

Screens

Accueil plateforme
Accueil
Lecteur de cours
Cours
Exercice interactif
Exercices
Profil utilisateur
Profil

Technologies utilisées

  • Node.js / Express.js

  • SQL.js (SQLite)

  • JWT / bcryptjs

  • KaTeX

  • HTML / CSS / JavaScript vanilla

L’image d’illustration a été générée par Nano Banana (Google), parce que je n’ai plus le modèle de mockup que j’utilisais auparavant. Du coup, il ne s’agit pas d’une capture d’écran de l’outil.