Un quiz interactif en direct : on rejoint la partie par QR Code et on joue depuis son téléphone. Application temps réel, hébergée et sécurisée par mes soins.
- Projet
- Produit interne Arkeyz
- Mission
- Quiz interactifs en direct (SaaS)
- Outils
- Next.js, NestJS, PostgreSQL, Socket.io
01 / 07
Un quiz en direct : l’animateur lance la partie, les joueurs répondent depuis leur téléphone.
Ce qu’il fallait réussir :
Le temps réel
des dizaines d’écrans synchronisés
Un jeu juste
aucune réponse visible avant la révélation
Un code solide
typé de bout en bout, facile à faire évoluer
Un hébergement maîtrisé
isolé, sécurisé, sans service payant
02 / 07
ArkQuizz reprend l’identité d’Arkeyz : même palette, mêmes typographies (Clash Display et Poppins), un univers sombre et technologique.
6 couleurs · cliquer pour copier un code
03 / 07
En ligne, l’application tient en trois idées : une seule porte d’entrée sécurisée, des services isolés dans un réseau privé, et une base de données fermée à l’extérieur.
Comment ça marche en production
Participants
Sécurité
Application
Données
En coulisses
1 · Les participants
🎤 L’animateur
Crée et pilote la partie depuis son ordinateur
📺 L’écran partagé
TV ou vidéoprojecteur : affiche questions et QR Code
📱 Les joueurs
Rejoignent en scannant le QR Code
↓ Connexion chiffrée (HTTPS) · échanges en temps réel
2 · La porte d’entrée
🔒 Un gardien unique
Chiffre et sécurise tout le trafic : seul élément visible depuis Internet, tout le reste est caché derrière
↓ Réseau privé
3 · Le cœur de l’application, invisible depuis l’extérieur
🌐 Le site
L’interface de jeu affichée sur chaque écran
⚙️ Le serveur
Le cerveau : gère les parties, calcule les scores en direct et empêche la triche
🖼️ Les médias
Images et extraits vidéo des questions
↓
🗄️ La base de données
Mémorise les comptes, les quiz et les scores · totalement fermée à l’extérieur
En coulisses
🚀 Mises à jour déployées automatiquement
🏠 Hébergement maîtrisé, sans service tiers payant
Quand l’animateur lance une question, le serveur l’envoie instantanément à tous les écrans et téléphones connectés, puis renvoie les scores en direct, le tout en quelques millisecondes.
Stack technique
04 / 07
Quelques écrans clés de la plateforme, côté animateur comme côté joueur.
Console animateur
L’animateur pilote la session en temps réel : code de salle, démarrage, révélation des réponses, classement et podium.
Écran public & QR Code
Les joueurs rejoignent la partie en scannant le QR Code ou en saisissant le code de salle affiché à l’écran.
En jeu
Questions synchronisées entre tous les appareils, minuteur, et scoring bonifié à la vitesse de réponse.
05 / 07
06 / 07
07 / 07
Mon terrain d’expression technique : un produit complet, du temps réel à l’infrastructure, entièrement auto-hébergé et maîtrisé.
Arkeyz