Étude de cas

Rallye Étudiant Paris-Saclay

Application web mobile-first pour un rallye urbain live : 24 missions sur carte GPS, énigmes variées et scoring en temps réel — zéro galère le jour J.

Conception et développement pour MK Team building : carte interactive, moteur d'énigmes, authentification joueurs, scoring, back-office admin et déploiement.

24 missions · carte GPSScoring temps réelBack-office admin jour J
Rallye Étudiant Paris-Saclay

En bref

  • Rallye urbain live pour l'EPA Paris-Saclay : 24 missions culturelles et scientifiques sur le plateau de Saclay, accessible uniquement pendant la fenêtre événementielle.
  • Carte interactive plein écran mobile avec pastilles GPS, mots de passe terrain et mini-jeux variés — sans app native à installer.
  • Back-office admin pour suivre les joueurs et le leaderboard en direct le jour J.

Contexte

Le Rallye Étudiant Paris-Saclay (« Keep calm & explore the future ») est un événement organisé par l'EPA Paris-Saclay en partenariat avec MK Team building. Les participants — étudiants pré-inscrits — parcourent le plateau de Saclay (Gif-sur-Yvette, Orsay, Palaiseau) via une application web mobile-first : carte avec pastilles GPS, 24 missions, mots de passe terrain, énigmes variées et système de points. La partie n'est accessible que pendant la fenêtre horaire officielle (17h–19h30) — un événement live où tout doit fonctionner du premier coup, sans file d'attente technique le jour J.

Le défi

  • Proposer une expérience de rallye fluide sur mobile en extérieur : authentification simple, carte plein écran, déblocage progressif — sans que les participants aient à installer une app.
  • Gérer 24 énigmes aux mécaniques différentes (QCM, saisie texte, drag & drop, puzzles…) tout en empêchant la triche : les réponses ne doivent jamais être exposées côté client.
  • Synchroniser scores et complétions entre appareils en temps réel, tout en verrouillant l'accès hors fenêtre événementielle — personne ne joue avant ou après l'heure officielle.
  • Permettre à l'équipe orga de suivre la progression des joueurs et d'intervenir si besoin, le jour J, sans compétences techniques.

Ce qu'on a construit

  • Parcours joueur complet : connexion par email → attente ou carte → énigmes → classement final — pensé pour le terrain, pas pour un bureau.
  • Carte Leaflet plein écran : pastilles GPS cliquables par mission, modale mot de passe terrain, navigation directe vers chaque énigme.
  • Moteur d'énigmes extensible : chaque type de mini-jeu (texte, vrai/faux, drag & drop, puzzle…) est un composant dédié — ajouter une énigme = ajouter du contenu.
  • Scoring autoritaire côté serveur : réponses et mots de passe jamais bundlés dans le front, validation sécurisée et rate limiting anti-abus.
  • Back-office admin : recherche joueurs, reset session, leaderboard agrégé — l'orga garde la main le jour J.

Points clés

Fenêtre événementielle verrouillée à 3 niveaux

Garde côté middleware (redirect automatique), API event-window et contrainte base de données — plus un mode bypass pour les tests orga en préparation.

Impossible de jouer avant ou après l'événement, même en trichant via l'URL ou l'API.

24 énigmes, zéro triche

Réponses et mots de passe stockés côté serveur uniquement (fichiers server-only), validation normalisée (accents, casse) et rate limiting par IP.

Un catalogue riche de mini-jeux sans exposer les solutions — même avec les outils dev du navigateur.

Carte & usage terrain

Leaflet optimisé mobile-first, pastilles liées aux coordonnées GPS réelles de chaque lieu, touch targets adaptés à l'usage extérieur.

Les participants naviguent sur le plateau en marchant, pas assis devant un écran.

Impact

  • Application opérationnelle : 24 missions sur Paris-Saclay, carte interactive, scoring temps réel et parcours complet de bout en bout.
  • Back-office admin prêt pour le jour J : suivi joueurs, reset et leaderboard sans intervention développeur.
  • Accessibilité intégrée (audiodescription, aide à la lecture DYS) et conformité RGPD adaptée à l'événement.
  • Base réutilisable pour d'autres rallyes territoriaux, team building ou événements live.

Pour un événement live à heure fixe, verrouiller la fenêtre horaire à tous les niveaux (middleware, API, base) évite les incohérences le jour J — et isoler réponses + mots de passe côté serveur dès le départ sécurise un catalogue riche de mini-jeux.

Ce projet vous parle si…

  • Vous organisez un événement live (rallye, chasse au trésor, team building) et vous avez besoin d'une app web mobile-first fiable le jour J.
  • Votre expérience repose sur une carte, des énigmes variées et un scoring en temps réel — avec des contraintes de sécurité (anti-triche, fenêtre horaire).
  • Vous voulez un back-office simple pour votre équipe orga, sans dépendre d'un développeur le soir de l'événement.

Stack technique

Les technologies utilisées, au service du produit — pas l'inverse.

Next.jsReactTypeScriptLeafletSupabaseZustand@dnd-kit

Un événement live avec carte et énigmes ?

On conçoit une application fiable pour le jour J — scoring sécurisé, back-office orga et zéro surprise technique. 30 minutes pour cadrer votre événement.