Booting · 00:00:00

Tom LEFRERE · Data Scientist

Raw data. A signal.

0%
EN FR

← Portfolio

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

Mathelearning, a math-learning platform

Web app to learn math for Data Science, with user accounts, progress tracking and interactive quizzes.

Mathelearning, a math-learning platform

The project

Mathelearning is a web platform I built to get back into math, with a Data Science angle. It’s at the same time a review app, a platform for structured courses with exercises and progress tracking, and a quiz tool. All under one interface, designed to make learning efficient, and above all, minimally motivating, because getting back into math alone is the kind of thing that quickly slips away if nothing holds the thread.

My contributions

Full design and build: SPA architecture with REST API, user accounts and JWT auth, math formula rendering with KaTeX, per-chapter progress tracking, dashboard, Pomodoro timer, badges system and interactive quizzes. The idea was to have a coherent all-in-one rather than a stack of external tools.

Takeaways

Combining courses, exercises and gamification is really effective for self-motivated learning. It also pushed me deeper on SPA architecture with Node.js and Express, JWT auth, and persistence with sql.js (SQLite embedded in Node), which is a slightly less common approach but works well for a personal project without a dedicated DB server.

Context

Personal project. I needed a structured tool to get back up to speed on math applied to Data Science, and obviously nothing existing really fit. Typical “build it yourself when you know exactly what you want” situation.

Screens

Platform home
Home
Course reader
Course
Interactive exercise
Exercises
User profile
Profile

Tech stack

  • Node.js / Express.js

  • SQL.js (SQLite)

  • JWT / bcryptjs

  • KaTeX

  • HTML / CSS / vanilla JavaScript

Cover image generated by Nano Banana (Google), since I no longer have the mockup template I used before. So it’s not a screenshot of the actual tool.