Application web interactive · EdTech · Simulation · Expérience utilisateur
Labo Virtuel Sénégal
Un laboratoire virtuel de physique-chimie pour le collège et le lycée au Sénégal : les élèves réalisent les expériences du programme officiel sous forme de simulations interactives.
- Rôle
- Projet personnel / académique
- Catégorie
- EdTech interactive
- Framework principal
- Next.js
- Année
- 2026

01
Aperçu
Labo Virtuel Sénégal est une plateforme de travaux pratiques virtuels de physique-chimie, développée avec Next.js. Elle suit le programme officiel sénégalais de la Quatrième à la Terminale S et est actuellement en version bêta.
C'est un produit d'une autre nature qu'une marketplace ou un SaaS classique : l'interface est elle-même l'expérience, si bien que l'interaction, le retour visuel et la logique de chaque simulation portent l'essentiel du travail.
02
Le problème
La physique et la chimie s'apprennent en expérimentant, mais les travaux pratiques demandent du matériel, des réactifs et un encadrement, et certaines manipulations ne peuvent pas être répétées librement sans risque.
Labo Virtuel Sénégal permet aux élèves de manipuler, tester et apprendre sans danger, sur les expériences que leur programme attend d'eux.
03
La solution
Une application web en accès libre, organisée comme l'école : l'élève choisit sa classe, puis une expérience de chimie ou de physique du programme de l'année, et la réalise en simulation.
Chaque expérience expose les paramètres qui comptent. Dans le TP sur le projectile, par exemple, l'élève règle la vitesse initiale et l'angle de tir, lance le tir, puis compare la trajectoire à la portée et à la flèche théoriques.
04
Mon rôle
Un projet personnel et académique.
05
Stack technique
- Next.js
- React
- JavaScript
- Tailwind CSS
- PixiJS
- Matter.js
- Recharts
- smiles-drawer
- PWA
- Vercel
Next.js au service d'expériences pédagogiques interactives.
06
Architecture
Élève
Navigateur
Next.js
App Router, React 19
Couche de simulation
PixiJS · Matter.js
Vercel
Hébergement, pages pré-rendues
Une application Next.js (App Router) écrite en JavaScript et stylée avec Tailwind CSS. Les simulations s'exécutent dans le navigateur : PixiJS assure le rendu des scènes et Matter.js fournit le moteur physique.
Recharts trace les graphiques et smiles-drawer les structures moléculaires. L'application est une PWA, avec un manifeste web et un service worker écrit à la main, hébergée sur Vercel.
07
Fonctionnalités clés
- Cinq niveaux : Quatrième, Troisième, Seconde S, Première S et Terminale S.
- Un catalogue de TP de chimie et de physique par classe : en Terminale S, du dosage acido-basique et de l'estérification aux circuits RLC, au mouvement des projectiles, aux interférences et à la radioactivité.
- Des paramètres réglables avec un retour visuel immédiat, à côté des valeurs théoriques.
- Un quiz associé à l'expérience.
- Installable comme une application depuis le navigateur.
- Accès libre à tous les niveaux.
08
Défis techniques
- Faire cohabiter PixiJS et Matter.js avec le rendu de React, sans rerendre l'interface à chaque image.
- Garder des simulations justes : les valeurs affichées doivent correspondre aux formules du programme.
- Rendre les manipulations utilisables au doigt sur un petit écran.
- Écrire le service worker à la main et maîtriser ce qui est mis en cache.
09
Mise en œuvre
- Chaque classe et chaque expérience a sa propre route : un TP peut être ouvert ou partagé directement.
- Les scènes sont rendues avec PixiJS, et Matter.js gère la physique des TP de mécanique.
- Les mesures sont tracées avec Recharts ; les molécules sont dessinées avec smiles-drawer.
- La PWA repose sur un manifeste web et un service worker écrit à la main, sans bibliothèque dédiée.
- Les pages sont pré-rendues et servies depuis Vercel.
10
Captures d'écran


11
Résultats
- La plateforme est en ligne en version bêta, installable depuis le navigateur.
- Cinq niveaux sont couverts, de la Quatrième à la Terminale S, en physique et en chimie.
12
Leçons apprises
- Dans une simulation, l'interface est le contenu : chaque curseur doit correspondre à une grandeur physique que l'élève reconnaît.
- Découper chaque expérience en sa propre route garde le projet lisible quand le nombre de TP augmente.
- Partir du programme officiel donne un périmètre clair et évite de simuler pour simuler.
13