Quizmaster – Inspiriert von Kneipenquiz & Kahoot

Moin zusammen !

Ich wollte euch mal ein kleines Projekt vorstellen, an dem ich die letzten Wochen gebastelt habe: Quizmaster.
Das Ganze ist inspiriert von Kneipenquiz‑Abenden – nur eben digital und für Community‑Runden, Streams oder Abende im Discord.

Quizmaster ist komplett selbst gehostet, läuft über WebSockets, hat eine Spielshow‑Ansicht für Streams und einen optionalen Quizmaster‑Modus, der das Ganze wie eine kleine Gameshow wirken lässt.


Features

Host & Raumverwaltung

  • Der erste Spieler wird automatisch Host.
  • Kann alles einstellen: Fragenanzahl, Zeitlimit, Auto‑Auflösung, Kategorie.
  • Host spielt ganz normal mit.

Spieler‑Beitritt

  • Join über einen 5‑stelligen Code.
  • Reconnect funktioniert, falls jemand mal rausfliegt.
  • Late‑Join geht auch während laufender Spiele.
  • Antworten einfach per Klick.

Quizmaster‑Modus (optional)

  • Quizmaster‑Login per Raumcode + Token.
  • Kann pausieren, auflösen, überspringen, nächste Frage erzwingen.
  • Kann Antworten einzelner Spieler manuell als korrekt markieren (+1000).
  • Kann Räume erstellen, ohne mitzuspielen.
  • Mehrere Quizmaster gleichzeitig möglich.

Spielshow‑Ansicht

  • Read‑only Ansicht für Beamer/OBS.
  • Frage oben, darunter Kandidaten‑Tiles mit Name & Score.
  • Automatisch synchronisiert.

Bilder in Fragen

  • Anzeige über dem Fragetext.
  • Lightbox bei Klick.

Spielmodi

  • Zufällig (Default).
  • Oder streng nach Import‑Reihenfolge (id ASC).

Scoring

  • Mit Timer: 200–1000 Punkte je nach Antwortzeit.
  • Ohne Timer:
    • Reihenfolge‑basiert (1000, 900, 800 … min. 200).
    • Oder pauschal 1000 Punkte pro richtige Antwort.

Wie läuft eine Runde ab?

  1. Host erstellt Raum → bekommt Raumcode + Quizmaster‑Token.
  2. Spieler joinen(max 8) → Lobby.
  3. Host stellt alles ein → Start.
  4. Frage erscheint → Timer läuft (oder nicht).
  5. Spieler klicken ihre Antwort.
  6. Auto‑Auflösung oder manuell.
  7. Reveal + Zwischenstand.
  8. Nächste Frage.
  9. Endergebnis → DB → Highscore‑Update.

Fragen Import im CSV-Format

Trennzeichen ; correct ist 1–4. category und image_path dürfen leer sein.

question;option1;option2;option3;option4;correct;category;image_path
Hauptstadt von Frankreich?;Berlin;Paris;Madrid;Rom;2;Geographie;
2 + 2 = ?;3;4;5;22;2;Mathe;
Was ist das?;Hund;Katze;Fisch;Vogel;1;Tiere;/uploads/abc123.jpg

Wenn ihr Bock habt, testet das Ding, gebt Feedback, schickt Fragen rein oder macht Vorschläge.

vorerst ist das Quiz erreichbar unter:
https://quiz.vexelstrom.de

Inhalt ~150 Fragen

LG drgonzo

3 „Gefällt mir“

Sieht cool aus und funktionierte bei einer Solo-Runde problemlos. :fuerdaswasesseinwill: :slight_smile:

4 „Gefällt mir“

Danke dir für den Probelauf. Freut mich zu hören das es dir gefällt. :blush:

2 „Gefällt mir“

Ich habe auch erfolgreich gegen mich gewonnen.

3 „Gefällt mir“

Hallo, danke dir für das Feedback. :slight_smile:

Update:
Es gibt jetzt eine öffentliche Highscore Seite.
Das ding geht in Richtung erste „Stable“ Version. Dann werde ich den Code auch auf Github veröffentlichen.