Application web pour l'évènement The Web

Complémentaire à l'application mobile, le live dashboard a été conçu pour les organisateurs de Silver Jersey et le public présent à l'événement. L'objectif : offrir une vue centralisée, claire et spectaculaire de l'ensemble de la course en temps réel.

Ce que fait l'application web

Carte interactive - les positions GPS de toutes les équipes sont affichées en direct sur une carte de Fribourg, mises à jour en continu depuis l'application mobile.

Progression des équipes - visualisation claire des checkpoints validés et restants pour chaque équipe, en un coup d'œil.

Media image

Défis techniques

Realtime sans polling - grâce aux subscriptions Supabase Realtime, chaque mise à jour de position ou de checkpoint se propage instantanément à tous les clients connectés sans solliciter le serveur en boucle.

Scalabilité simultanée - le dashboard reste fluide et réactif avec de nombreux spectateurs connectés en même temps, notamment lors des moments clés de la course.

Rendu hybride Next.js - combinaison de server-side rendering pour le chargement initial rapide et de mises à jour client-side pour le temps réel, sans compromis sur la performance.

Stack technique

Next.js - Framework React SSR

Supabase - BDD & Realtime

Supabase Realtime - Subscriptions live

Vercel - Déploiement & CDN