étude de cas
POMA — Boîte à Questions
Borne événementielle PWA 100 % hors-ligne en cabine de téléphérique : questions filmées, photobooth et partage par QR code.
Le projet
Une borne interactive tactile pour les 90 ans de POMA, installée sur tablette dans une cabine de téléphérique sans réseau fiable : questions filmées, photo souvenir partageable par QR code, et back-office complet — le tout 100 % offline-first.
Ce qui a été construit
- Architecture offline-first — IndexedDB (médias) + localStorage (config), synchronisation opportuniste dès qu'un WiFi est détecté. Zéro perte de données.
- Double enregistrement vidéo synchronisé — flux caméra + composition écran (questions + chrono + branding), transcodage WebM → MP4 côté client via ffmpeg.wasm.
- Partage par QR code — récupération de la photo depuis un smartphone via un code unique.
- Back-office 18 écrans — sessions, export ZIP, diagnostics matériel (caméra, réseau), logging embarqué (pas de DevTools en mode kiosque).
- Mode kiosque — PWA fullscreen, Wake Lock, verrouillage d'orientation, secrets via Secret Manager.
Stack
Next.js 16 · React 19 · TypeScript · Tailwind v4 · Firebase App Hosting · IndexedDB · ffmpeg.wasm · MediaRecorder.