Späť na blog
Starter kit · Praktický návod

Funkčný starter kit pre eventový check-in a živý dashboard

Hotový základ, ktorý prepojí registračné dáta s reálnou účasťou na evente. Pri vstupe rieši check-in, počas eventu aktualizuje agregovaný dashboard a po evente ti zostane presný prehľad o tom, kto skutočne prišiel.

5 min čítania · 17. septembra 2026
Funkčný starter kit pre eventový check-in a živý dashboard

Pri prvom Women in AI Prague meetupe som nechcela pracovať iba so zoznamom registrácií. Pri vstupe som potrebovala rýchlo nájsť človeka, označiť jeho príchod a zároveň počas eventu vidieť, aké publikum je práve v miestnosti.

Z toho vznikol jednoduchý flow, ktorý prepája registrácie, check-in a živý dashboard. Z riešenia, ktoré som použila na vlastnom evente, som pripravila starter kit, ktorý si môže ďalší tím prispôsobiť svojmu podujatiu.

Balík obsahuje funkčný demo režim, Google Sheets integráciu, Netlify Functions, automatické testy, bezpečnostný checklist a pripravené zadanie pre Codex alebo Claude Code. Namiesto stavania od nuly teda upravuješ už fungujúci základ podľa svojich dát, otázok, brandingu a eventového flow.

Na stiahnutie zadarmo
Live Event Check-in + Dashboard StarterZIP, 40 kB. Demo režim bez Google účtu, Google Sheets integrácia, Netlify Functions, automatické testy a prompt pre coding agenta.
Stiahnuť ZIP

Ako to funguje v praxi

01Pred eventom: registrácie máš v Google Sheete.

Starter pracuje s jedným riadkom na jedného človeka. Do vlastnej verzie si namapuješ stĺpce, ktoré používaš pri registrácii.

02Pri vstupe: obsluha otvorí súkromný check-in.

Človeka vyhľadá podľa mena alebo e-mailu a označí jeho príchod. Ak sa pomýli, check-in sa dá vrátiť späť.

03Počas eventu: dashboard sa priebežne aktualizuje.

Na verejnej obrazovke môžeš zobrazovať povolené kategórie z registrácie a ich súhrny. Dashboard sa obnovuje približne každých päť sekúnd a neposiela mená ani e-maily účastníkov.

04Po evente: vieš pracovať s reálnou účasťou.

V Sheete máš označené príchody, takže vieš oddeliť registrovaných od ľudí, ktorí skutočne prišli, a ďalej pracovať s presným segmentom účastníkov.

Na titulnom obrázku je reálny verejný dashboard z prvého Women in AI Prague meetupu. Zobrazuje iba súhrnné kategórie a počty, nie mená ani e-maily účastníčok.

Kedy sa ti tento starter hodí

Dáva zmysel tam, kde potrebuješ prepojiť registrácie, príchody a jednoduchý živý prehľad a nechceš kvôli tomu kupovať veľký eventový systém. Napríklad pre:

  • komunitné meetupy a networkingové raňajky,
  • interné learning days, workshopy a firemné podujatia,
  • menšie konferencie s jedným check-in miestom,
  • opakované eventy, pri ktorých sa mení značka, miesto alebo otázky v registrácii,
  • pilot, na ktorom si tím chce overiť vlastný flow pred rozhodnutím o väčšom riešení.

Najväčšia úspora je v tom, že nezačínaš od prázdneho priečinka. Architektúra, demo flow, testy a základné bezpečnostné hranice už sú pripravené. Tvoj čas ide hlavne do mapovania vlastných dát, brandingu a toho, ako má check-in fungovať na konkrétnom evente.

Rovnaký základ sa dá prispôsobiť inej značke aj iným otázkam. Takto vyzerá verejný agregovaný dashboard pre EX Community Breakfast by BE-DNA:

Verejný agregovaný dashboard EX Community Breakfast by BE-DNA
Verejný agregovaný dashboard EX Community Breakfast by BE-DNA

Čo balík obsahuje

Po rozbalení nájdete dve rozhrania. Súkromný check-in slúži obsluhe pri vstupe. Verejný dashboard zobrazuje iba povolené kategórie a ich súhrny.

Súkromný check-in v demo režime: vyhľadanie registrácie, označenie príchodu a vrátenie príchodu. Všetky mená a e-maily v demo dátach sú fiktívne.
Súkromný check-in v demo režime: vyhľadanie registrácie, označenie príchodu a vrátenie príchodu. Všetky mená a e-maily v demo dátach sú fiktívne.

Balík obsahuje:

  • vyhľadávanie účastníka podľa mena alebo e-mailu,
  • check-in aj vrátenie chybne označeného príchodu,
  • automatickú synchronizáciu s Google Sheetom,
  • živý dashboard s obnovou približne každých päť sekúnd,
  • demo dáta a vzorové CSV,
  • pripravený prompt pre Codex alebo Claude Code,
  • technickú špecifikáciu, bezpečnostný checklist a automatické testy.

Starter neobsahuje žiadne produkčné osobné údaje, PIN, Google Sheet ID, service-account kľúč ani cudzie logo. Ďalší tím si doplní vlastný Sheet, mapovanie stĺpcov, eventové údaje, branding a serverové premenné prostredia.

Ako ho odovzdať Codexu alebo Claude Code

Do nového projektu vložte rozbalený priečinok a coding agentovi pošlite súbor AGENT_PROMPT.md. Prompt ho najprv vedie cez README, technický kontrakt a bezpečnostné pravidlá. Potom žiada konkrétne vstupy: názov eventu, jazyk, značku, Sheet, povolené registračné stavy, dashboardové kategórie a cieľový hosting.

V zadaní je aj dôležitá release hranica: agent má najprv pripraviť lokálne overenie alebo chránený deploy preview. Produkciu nemá meniť bez výslovného schválenia.

Pri odovzdaní odporúčam doplniť iba informácie, ktoré už máte potvrdené. Reálne kľúče ani PIN nevkladajte do promptu. Agent má pomenovať presné environment variables a miesto, kde ich bezpečne nastavíte v hostingu.

Nová bezpečnostná vrstva

Prvá verzia používala PIN pri každom vyhľadaní a zápise. V aktuálnom balíku sa PIN odošle iba raz na serverový auth endpoint. Po úspešnom overení vznikne podpísaná relácia uložená v cookie s atribútmi Secure, HttpOnly a SameSite=Strict.

Prakticky to znamená:

  • PIN sa neukladá do browser storage,
  • vyhľadávanie ani check-in už PIN neposielajú,
  • relácia je viazaná na povolené event ID,
  • absolútny timeout je nastaviteľný od 5 minút do 8 hodín,
  • obsluha sa môže ručne odhlásiť,
  • zmena session secretu zneplatní všetky aktívne relácie,
  • auth route obmedzuje pokusy na 5 za 180 sekúnd pre kombináciu IP a domény.

Netlify vo svojej dokumentácii upozorňuje, že vynucovanie rate limitu môže začať s krátkym oneskorením. Preto má zmysel použiť dlhý eventový PIN a po evente ho spolu so session secretom vymeniť. Pre citlivé alebo väčšie podujatie by som už volila používateľské účty, SSO, roly a audit log.

Verejný dashboard má inú dátovú hranicu. Endpoint neposiela meno, e-mail ani číslo riadka. Neznáme odpovede mapuje na unspecified, aby sa na verejnosť nedostala pôvodná textová hodnota. Pri veľmi malých skupinách treba aj tak zvážiť minimálny prah, pretože kombinácia zriedkavých kategórií môže človeka nepriamo identifikovať.

Technické zhrnutie

VrstvaPoužitie
FrontendStatický HTML, CSS a JavaScript pre mobilný check-in a dashboard na veľkej obrazovke
BackendNetlify Functions pre prihlásenie, reláciu, vyhľadávanie, zápis a verejné agregované dáta
DátaGoogle Sheets API, jeden riadok na jedného človeka
Ochrana check-inuServerovo overený PIN, podpísaná HttpOnly cookie, timeout, logout a rate limiting
Verejný výstupPovolené kategórie bez mena a e-mailu; jednotlivé záznamy odlišuje iba krátky hash
OverenieNode testy, demo flow, kontrola JavaScript syntaxe a vizuálna kontrola desktopu aj mobilu

Automatické testy kontrolujú mapovanie dát, oprávnené registračné stavy, oddelenie ľudí so zhodným e-mailom, check-in aj undo, synchronizáciu so simulovaným Sheetom, podpis a timeout relácie aj neprítomnosť mien a e-mailov vo verejnom API. Reálny produkčný tok treba po doplnení vlastných credentials overiť na povolenom testovacom riadku.

Starter kit na stiahnutie
Live Event Check-in + Dashboard StarterDemo režim beží hneď a bez Google účtu. Vlastný Sheet, branding a hosting prídu na rad až potom.
Stiahnuť ZIP

Užitočné technické odkazy

Starter je základ, ktorý treba prispôsobiť reálnemu eventu, dátam a riziku. Ak chcete prejsť vlastný use case, mapovanie Sheetu alebo bezpečnostné hranice, vyberte si termín krátkeho úvodného meetingu alebo mi napíšte na womeninaiprague@gmail.com.

Chcete prejsť vlastný event, mapovanie Sheetu alebo bezpečnostné hranice? Vyberte si termín krátkeho úvodného meetingu alebo mi napíšte na womeninaiprague@gmail.com.

Vybrať termín konzultácie

Najbližší krok

Nové zápisky ti pošleme e-mailom.

Výstupy z našich akcií, užitočné AI tipy a pozvánky na meetupy a akcie, ktoré podľa nás stoja za to. Približne raz za 2 týždne.

Chcem newsletter