CampusQuest
Des quêtes à accomplir sur le campus, validées par le scan d'un QR code, à condition d'être sur place.
- Projet d'école (MBA, MyDigitalSchool), évalué en fin de module
- Cadre
- Projet réalisé seul
- Rôle
- Next.js · React · Tailwind CSS · MongoDB · Clerk
- Stack
- Application web progressive (PWA)
- Format
Le contexte
Un projet réalisé seul pendant mon MBA, pour l'évaluation de fin d'un module.
L'idée
Transformer le campus en terrain de jeu : des quêtes à accomplir sur place, chacune validée en scannant le QR code qui lui correspond. Le scan n'est proposé qu'à proximité du campus.
La réalisation
L'application est construite avec Next.js et Tailwind CSS, avec une authentification Clerk et une base MongoDB qui enregistre les quêtes validées par chaque joueur. Le lecteur de QR code utilise la caméra arrière du téléphone, et la position, obtenue par la géolocalisation du navigateur, est comparée à celle du campus (formule de Haversine, rayon d'un kilomètre).
Installable comme une application (PWA), elle fonctionne aussi sans réseau : les quêtes validées hors ligne sont gardées sur le téléphone, puis envoyées dès que la connexion revient. Elle propose aussi un mode sombre.
Next.js · Tailwind CSS · MongoDB · Clerk · PWA · Géolocalisation
En bref
QR code
Chaque quête se valide en scannant son code avec la caméra du téléphone.
Sur place
Le scan n'est proposé qu'à moins d'un kilomètre du campus.
Hors ligne
Les validations faites sans réseau sont envoyées au retour de la connexion.
Liste des quêtes 
Scan du QR code 
Quête validée