Preskočiť na obsah
← Všetka práca

Café

(05) Vlastný produkt · PWA

Kaviareň na stretnutí pre 600 ľudí. Namiesto plastových žetónov a papierika s číslom si hostia objednávajú z telefónu priamo od stola. Keď je objednávka hotová, na telefón im príde notifikácia.

Café: menu s fotkami a zostatkom žetónov
Café: objednávka, ktorá sa odošle potiahnutím
Café: objednávka je hotová
Typ
Vlastný produkt mrshq, podľa podujatia beží ako TAMcafé alebo Kaféem
Rozsah
Produkt, dizajn, vývoj, prevádzka počas podujatia
Technológie
Rails 8, Hotwire, Tailwind CSS, Web Push, Kamal
Web
kafeem.mrshq.sk ↗

Peniaze vymeníte za žetóny, objednáte si, dostanete papierik s číslom a čakáte, kým ho vyvolajú.

Každý rok sa koná stretnutie, na ktoré príde 600 ľudí, a organizátori pre nich otvoria vlastnú kaviareň. Keď je objednávka hotová, niekto vyvolá číslo z papierika. Fungovalo to, no dá sa to aj lepšie.

Hosť zadá sumu a ukáže QR kód na dobitie e-žetónov
01
Hosť pri pulte ukáže QR kód
Tím po naskenovaní kódu potvrdí dobitie žetónov
02
Tím ho naskenuje a dobije e-žetóny
Objednávka palaciniek a cappuccina s posuvníkom na odoslanie
03
Objedná si od stola a potiahnutím zaplatí
Hotová objednávka s kódom na vyzdvihnutie
04
Keď je hotovo, príde mu notifikácia

Objednávka sa tímu ukáže hneď, ako ju hosť odošle. Bez obnovovania stránky.

Za pultom vidia všetky prebiehajúce objednávky aj s poznámkou. Jedným ťuknutím ich prijmú, označia ako pripravené a odovzdajú. Produkty si pridávajú a upravujú sami, a keď dôjdu palacinky, jednoducho ich skryjú z ponuky.

Nová objednávka s tlačidlami Prijať a Odmietnuť
Pripravená objednávka s tlačidlom Odovzdať

Na telefóne vyzerá ako appka. Inštaluje sa rovno z webu.

Progresívna webová aplikácia: žiadny App Store ani Google Play, žiadne heslo. Hosť si ju pridá na plochu a povie nám, ako ho máme volať.

  1. 01

    E-žetóny cez QR kód

    Hosť ukáže kód, tím ho naskenuje priamo v appke a žetóny sú na účte. Obyčajným fotoaparátom ho radšej neskenujte. :)

  2. 02

    Hotovosť aj prevod

    Za žetóny sa dá zaplatiť pri pulte alebo prevodom. Appka rovno pripraví platbu s vyplnenou sumou.

  3. 03

    Objednávka od stola

    Menu s fotkami, košík a poznámka pre tím. Na odoslanie stačí potiahnuť prstom.

  4. 04

    V reálnom čase

    Nové objednávky, zmeny stavu aj dobité žetóny sa hneď ukážu tímu aj hosťovi, bez obnovovania stránky.

  5. 05

    Natívne notifikácie

    Keď je objednávka hotová, príde notifikácia ako z bežnej appky. Aj keď má hosť telefón vo vrecku.

  6. 06

    Nasadené cez Kamal

    Beží na vlastnom Linuxovom serveri a nová verzia sa nasadí jedným príkazom.

Úvodná stránka s tlačidlom Stiahnuť appku
Je nám cťou! Ako ťa máme volať?
Povolenie upozornení

„Singulár inštrumentálu záludných slov máme zvládnutý.“ Vaše meno zatiaľ nie.

Appka od hosťa potrebuje len meno a povolenie upozornení. No aj tých pár obrazoviek nemusí byť nudných.

Objednajte si z jednej strany a pripravte to z druhej.

Hosť
kafeem.mrshq.sk ↗
Tím
team.kafeem.mrshq.sk ↗
meno team, heslo cafe
Zdrojový kód
github.com/marusky/cafe ↗

Obrazovky na tejto stránke sú z verzie TAMcafé, ktorá bežala na stretnutí TAM. Mená hostí aj objednávky sú vymyslené.

Marušáková photos

Úvodná stránka portfólia Marušáková photos
Portfólio Marušáková photos na mobile