rt-quiz

Webová platforma pre interaktívne kvízy v reálnom čase

Hlavný cieľ práce

Vytvoriť funkčnú webovú aplikáciu pre interaktívne kvízy v reálnom čase, ktorá umožní moderátorovi vytvárať kvízy a hráčom sa pripojiť a súťažiť spoločne z rôznych zariadení.

Vedľajšie ciele

Používateľská prívetivosť

Jednoduchá obsluha pre moderátora aj hráčov, responzívny dizajn

Real-time komunikácia

Okamžité zobrazovanie otázok a synchronizované odpovede

Vizualizácia výsledkov

Prehľadné poradie po každej otázke, detailné štatistiky

Škálovateľnosť

Podpora viacerých hráčov a kvízov súčasne

Štruktúra práce

📚 Teoretická časť

  • Analýza existujúcich riešení (Kahoot, Quizizz)
  • Popis technológií a ich výber
  • Návrh architektúry aplikácie

💻 Praktická časť

  • Webová stránka s prezentáciou projektu
  • Webová aplikácia kvízu (rozhranie moderátora + hráčov)
  • Real-time komunikácia cez Socket.io
  • Databáza a backend API

🧪 Testovanie a dokumentácia

  • Testovanie s reálnymi používateľmi
  • Vypracovanie dokumentácie

Používané technológie

Next.js

Fullstack framework pre React - frontend aj backend v jednom

✓ Server-side rendering
✓ API routes
✓ Optimalizácia výkonu

Socket.io

Real-time obojsmerná komunikácia

✓ Okamžitá synchronizácia
✓ Podpora WebSocket
✓ Automatický reconnect

PostgreSQL

Relačná databáza

✓ Spoľahlivé ukladanie dát
✓ ACID vlastnosti
✓ Škálovateľnosť

Tailwind CSS

Utility-first CSS framework

✓ Rýchly vývoj
✓ Responzívny dizajn
✓ Moderný vzhľad

Prečo Next.js?

Všetko v jednom frameworku

  • Klasická stránka: Domovská stránka, info o projekte, dokumentácia
  • Webová aplikácia: Časť kvízu s real-time funkciami
  • Backend API: API routes pre databázové operácie
  • Jednoduchšie nasadenie: Jeden projekt namiesto oddelených frontend/backend
  • Lepší výkon: Server-side rendering pre rýchlejšie načítanie

Frontend + Backend + Routing = Next.js

Časový harmonogram

November Analýza požiadaviek, výber technológií
December
1.-2. týždeň Základná funkcionalita, prihlasovanie, vytváranie kvízov
December
3.-4. týždeň Implementácia real-time quiz-u
Január
1.-2. týždeň Frontend
Január
3.-4. týždeň Dolaďovanie, testovanie
Február Dokumentácia

Priebeh kvízu

1. MODERÁTOR
Vytvorí kvíz + otázky → Spustí hru → Vygeneruje PIN kód
↓
2. HRÁČI
Zadajú PIN kód → Pridajú meno → Čakajú na štart
↓
3. REAL-TIME HRA (Socket.io)
Otázka 1 → Všetci odpovedajú → Výsledky
Otázka 2 → Všetci odpovedajú → Výsledky
...
↓
4. VYHODNOTENIE
Celkové poradie • Štatistiky • Top 3 na pódiu

Ďakujem za pozornosť!

Otázky?

rt-quiz - Moderná platforma pre interaktívne kvízy

0 / 0