Application web

Slipstream — plateforme de bar avec commande par QR code, fidélité et jeux pour navigateur

Une plateforme numérique complète pour un bar sur le thème du sport automobile (démo avec une marque fictive) : commande à table par QR code avec tableau de bord du bar en direct, réservations, événements, points de fidélité et récompenses, pronostics des week-ends de course, quiz, fonctions communautaires et huit jeux pour navigateur.

En développement2026Hôtellerie-restauration
Slipstream — plateforme de bar avec commande par QR code, fidélité et jeux pour navigateur

Présentation

Présentation

Slipstream a commencé comme un site de bar avec réservations et trois jeux d’arcade, puis est devenu une plateforme complète pour les clients. Les clients commandent depuis leur table en scannant un QR code, cumulent des points grâce aux commandes, aux jeux et aux événements, et les échangent contre des récompenses ; l’équipe du bar travaille depuis un tableau de bord en direct ; les gérants pilotent tout — carte, tables, jeux, récompenses, quiz, balades et textes — depuis un panneau d’administration sans code.

Points forts

  • Commande à table par QR code avec un jeton sécurisé par table, une carte avec options, allergènes et mentions 18+, un panier qui résiste aux rechargements et une chronologie de commande en direct (envoyée → acceptée → en préparation → prête → servie). Les clients peuvent appeler le serveur ou demander l’addition.
  • Tableau de bord du bar en direct : kanban des commandes avec son et notifications, changements de statut sans conflit entre plusieurs barmans, déplacements de table, annulations motivées et vérification des codes de récompense.
  • Pit Stop Games : Temps de réaction, Rev & Shift, Devinez le moteur, Quiz sport automobile et un Défi du jour, plus les trois jeux d’arcade d’origine — tous jouables sur ce site.
  • Fidélité : registre de points, niveaux, séries, succès, catalogue de récompenses, codes de récompense à usage unique et une roue de lots tirée sur le serveur.
  • Week-end de course et bingo en direct : pronostics sans argent avec classements et cartes de bingo cochées en direct pendant une course.
  • Quiz du bar avec codes d’équipe, réponses sur téléphone, minuteurs et tableau des scores sur la TV.
  • Communauté : planificateur de balades avec export GPX, un « Garage Wall » modéré avec vote de la balade du mois, et un jukebox avec limites de votes.
  • Mode TV, PWA et statistiques : diaporama pour l’écran du bar, application installable avec page hors ligne, statistiques de commandes et d’engagement et journal d’audit complet.
  • Sécurité dès la conception : prix, totaux, scores, tirages de lots et points sont tous décidés dans des fonctions PostgreSQL avec sécurité au niveau des lignes — le navigateur ne fait qu’afficher les résultats.

Essayez-le

Le nom de la marque, l’adresse et les coordonnées de la démo sont fictifs. La démo en ligne fonctionne en mode démo — toutes les données restent dans votre navigateur : vous pouvez créer un compte (le premier devient administrateur), commander depuis une table, ouvrir le tableau de bord du bar et explorer le panneau du gérant. Les jeux peuvent aussi être joués directement depuis la section des jeux.

Captures d’écran

Étude de cas

Défi

Le bar voulait plus qu’un site web : un service plus rapide les soirs de course chargés, une raison pour les clients de revenir et des événements communautaires — sans abonnements logiciels payants et sans que le personnel ne touche jamais au code. Chaque règle impliquant de l’argent, des lots ou des points devait être impossible à tricher depuis le navigateur.

Solution

L’architecture d’origine a été conservée — un frontend statique sans dépendances sur Supabase — et étendue plutôt que remplacée. Toute la logique sensible (prix, totaux et transitions de statut des commandes, scores des jeux, tirages de lots, points et codes de récompense) s’exécute dans des fonctions PostgreSQL SECURITY DEFINER derrière la sécurité au niveau des lignes ; des canaux temps réel alimentent le tableau de bord du bar, le bingo, le quiz et le jukebox. Un backend de démo transpose les mêmes règles en JavaScript, si bien que toute la plateforme — y compris la commande et l’écran du bar entre onglets — fonctionne hors ligne pour les tests. Les nouveaux jeux partagent une base commune avec tutoriel, compte à rebours, résultats et classements ; les sons moteur sont synthétisés dans le navigateur avec Web Audio.

Résultats

Une plateforme complète et documentée qui fonctionne toujours sans coût d’hébergement : commande par QR code avec écran du bar en direct, une boucle points-récompenses qui relie commandes, jeux et événements, huit jeux pour navigateur, des fonctions communautaires et un panneau de gérant couvrant chaque partie. Le schéma a été validé sur PostgreSQL 17 avec une suite de tests fonctionnels et d’attaque. Essayez la démo et les jeux sur ce site.

Notre rôle

Concept, UX et design visuel, développement frontend et base de données, politiques de sécurité et validation des jeux côté serveur, game design et programmation, fonctions temps réel, PWA, documentation.

Jeux de ce projet

Moto Grand Prix
Jouer dans le navigateur

Moto Grand Prix

Une course de moto en vue de dessus sur trois tours contre trois pilotes IA. Freinez avant le virage, inclinez-vous et dépassez — mais si vous sortez large dans l’herbe en pleine inclinaison, c’est la chute.

Racing

Rallye — Spéciale
Jouer dans le navigateur

Rallye — Spéciale

Une spéciale de rallye contre la montre sur asphalte, gravier et neige. Écoutez les notes de votre copilote et utilisez le frein à main pour faire pivoter la voiture dans les épingles serrées.

Racing

Grand Theft Slipstream
Jouer dans le navigateur

Grand Theft Slipstream

Une ville ouverte en 2D au style cartoon : créez votre personnage, conduisez des taxis et des scooters de livraison de pizzas, faites des services au bar — ou prenez quelques risques en surveillant les étoiles de police.

Open world

Temps de réaction
Jouer dans le navigateur

Temps de réaction

Cinq feux rouges, puis extinction : à quelle vitesse réagissez-vous ? Choisissez les feux de départ de la Formule 1 ou un arbre de dragster et battez votre meilleur temps en millisecondes.

Reflex

Rev & Shift
Jouer dans le navigateur

Rev & Shift

Maintenez l’accélérateur, surveillez le compte-tours et passez les six rapports exactement dans la zone verte. Passez trop tard trois fois et le moteur explose.

Skill

Devinez le moteur
Jouer dans le navigateur

Devinez le moteur

Écoutez quelques secondes de son moteur et choisissez la bonne réponse parmi quatre : bicylindre en V, boxer, crossplane, V4, trois-cylindres, deux-temps ou V10 ?

Audio quiz

Quiz sport automobile
Jouer dans le navigateur

Quiz sport automobile

Huit questions chronométrées sur le MotoGP, la Formule 1, le Tourist Trophy de l’île de Man, le WRC, la mécanique et l’histoire de la course — choisissez une catégorie ou jouez à tout.

Quiz

Défi du jour
Jouer dans le navigateur

Défi du jour

Cinq questions de sport automobile, les mêmes pour tous aujourd’hui, et une seule tentative par jour. Répondez juste à toutes pour un bonus et une place au classement hebdomadaire.

Quiz

Historique des versions

  1. v1.0

    Site complet avec réservations, ludothèque, événements, panneau de gérant et trois jeux pour navigateur.

Projets associés

Raftul — plateforme marketplace e-commerce
Application webÉtude de cas

Raftul — plateforme marketplace e-commerce

Une boutique en ligne prête pour la production destinée au marché roumain et européen (présentée sous une marque fictive) : vitrine avec recherche tolérante aux fautes de frappe, promotions, stock multi-entrepôts, paiement par carte, à la livraison et par virement, retours, SEO intégré, une API REST pour les applications mobiles et un panneau d’administration par rôles.

  • Prisma
  • TypeScript
  • React
  • Next.js
  • +4

Besoin de quelque chose de similaire ?

Nous pouvons réaliser un projet de ce type selon vos objectifs, votre contenu et votre budget.

Esc