Webalkalmazás

Slipstream — bár weboldal foglalással, eseményekkel és böngészős játékokkal

Teljes weboldal egy motorsport-témájú bárnak (demó, kitalált márkanévvel): ügyfélfiókok, asztalfoglalás társasjáték-könyvtárral, eseményjelentkezés, kód nélküli menedzserpanel és három beépített 2D játék.

Fejlesztés alatt2026Vendéglátás
Slipstream — bár weboldal foglalással, eseményekkel és böngészős játékokkal

Áttekintés

Áttekintés

A Slipstream egy teljes weboldal egy motorsport-témájú bár számára. Messze túlmutat egy bemutatkozó oldalon: a vendégek fiókot hoznak létre, asztalt foglalnak a bár társasjáték-könyvtárából választott játékkal együtt, jelentkeznek eseményekre és három böngészős játékban versenyeznek, a menedzserek pedig kód nélküli admin felületről irányítanak mindent.

Kiemelt funkciók

  • Asztalfoglalás beállítható kapacitással, időtartammal, zónákkal, előfoglalási idővel és automatikus visszaigazolással; az adatbázis megakadályozza az asztalok és a játékok túlfoglalását.
  • Események helykorláttal, foglalásonkénti limittel, jegylinkkel, belépéskori ellenőrzéssel és Excel-exporttal.
  • Menedzserpanel: szövegek és képek, nyitvatartás (éjfél utáni zárással is), kapcsolat, étlap, galéria, ranglisták, felhasználók és szerepkörök, jogi oldalak — kód nélkül.
  • Három 2D játék a nulláról HTML5 Canvasra írva: Moto Grand Prix, Rally és Grand Theft Slipstream — ranglistával fiókos és vendég játékosoknak.
  • Beépített GDPR: adatexport és -törlés az ügyfeleknek, cookie-tájékoztató, adatvédelmi/ÁSZF/cookie sablonok és csak kérésre betöltődő OpenStreetMap térkép.
  • Nulla üzemeltetési költség: statikus tárhely és ingyenes Supabase csomag, az adatbázisban sorszintű biztonsági szabályokkal.

Próbálja ki

A demóban szereplő név, cím és elérhetőségek kitaláltak. Az élő demó demó módban fut — minden adat csak az Ön böngészőjében tárolódik, így nyugodtan létrehozhat fiókot (a demóban az első fiók lesz az adminisztrátor), és felfedezheti a menedzserpanelt. A játékok a játékok rovatból közvetlenül is játszhatók.

Képernyőképek

Esettanulmány

Kihívás

A bárnak többre volt szüksége egy étlapoldalnál: módra, hogy a csendes estéken is megteljenek az asztalok, hogy az eseményeket és társasjátékokat dupla foglalás nélkül kezeljék, és hogy a törzsvendégeknek oka legyen visszatérni — havi szoftverköltség nélkül, és úgy, hogy a személyzetnek ne kelljen kódhoz nyúlnia.

Megoldás

Függőségek nélküli statikus frontend (HTML, CSS és JavaScript modulok) Supabase háttérrel. Minden üzleti szabályt — kapacitás, játékpéldányok, ki igazolhat vissza foglalást — a PostgreSQL sorszintű biztonsága kényszerít ki, így a böngészőből nem kerülhetők meg. Egy azonos felületű demó backenddel az egész oldal offline is futtatható teszteléshez. A játékok egy kis saját motort használnak (spline-alapú pálya, kamera, bemenet, szintetizált motorhang), hogy könnyűek maradjanak.

Eredmények

Teljes, dokumentált termék, amely nagyjából tíz perc alatt ingyen telepíthető GitHub Pagesre vagy Cloudflare Pagesre. A menedzserek önállóan kezelhetik az eseményeket, foglalásokat, a társasjáték-könyvtárat, az étlapot és a jogi szövegeket. A három játék azonnal fut a böngészőben asztali gépen és mobilon — próbálja ki ezen az oldalon.

Szerepünk

Koncepció, UX és vizuális dizájn, frontend- és adatbázis-fejlesztés, biztonsági szabályok, játéktervezés és -programozás, dokumentáció.

A projekt játékai

Moto Grand Prix
Játék a böngészőben

Moto Grand Prix

Háromkörös, felülnézetes motorverseny három AI versenyző ellen. Fékezz a kanyar előtt, dőlj be és előzz — de ha teljes dőlésben kifutsz a fűre, elesel.

Racing

Rally — Gyorsasági szakasz
Játék a böngészőben

Rally — Gyorsasági szakasz

Időre menő rally-szakasz aszfalton, murvás úton és havon. Figyelj a navigátor itinerjére, és a kéziféket használd a szűk hajtűkanyarokban.

Racing

Grand Theft Slipstream
Játék a böngészőben

Grand Theft Slipstream

Rajzfilmes stílusú, nyitott 2D város: alkosd meg a karaktered, taxizz, szállíts pizzát robogóval, dolgozz műszakot a bárban — vagy vállalj kockázatot, és figyeld a rendőrségi csillagokat.

Open world

Változásnapló

  1. v1.0

    Teljes oldal foglalással, társasjáték-könyvtárral, eseményekkel, menedzserpanellel és három böngészős játékkal.

Valami hasonlóra van szüksége?

Az Ön céljaira, tartalmára és költségvetésére szabva építünk hasonló projektet.

Esc