Warum gibt es dieses Quiz?

Dieses Quiz wurde im Rahmen des Politik-Grundkurses unseres Gymnasiums von uns ins Leben gerufen, um demokratische Werte anschaulich zu vermitteln und das Demokratieverständnis zu stärken.

Hintergrund & Ziele

Im Politik-Grundkurs wurde uns die Aufgabe gestellt, ein Projekt bzw. ein Spiel zu entwickeln (analog oder digital), dass demokratische Grundwerte vermittelt und das Demokratieverständnis stärkt. Wir entschieden uns bewusst für ein digitales Format, das wir auch außerhalb des Unterrichts umgesetzt und kontinuierlich weiterentwickelt haben.

Unser vorheriges Projekt, umgesetzt vor etwa dreiviertel Jahr, fokussierte auf die Unterscheidung rechtsextremer Parteien (AfD vs. NSDAP) in einem digitalen Quiz mit Zitatzuordnung und einer einfachen MySQL-Datenbank. Aufbauend darauf haben wir dieses Konzept erweitert, einen Multiplayer-Modus hinzugefügt und modernere Technologien integriert. Das alte Quiz ist noch unter old-quiz.zacklack.de verfügbar.

Ziel ist es, durch interaktive Fragen und Reflexion ein tieferes Verständnis demokratischer Prozesse und Werte wie Freiheit, Gleichheit und Solidarität zu fördern.

Team & Rollen & Danksagungen

Cedric ist verantwortlich für die technische Architektur und Implementierungsentscheidungen. Erik, Emil und Anton haben die Quizfragen recherchiert und erstellt sowie das Projekt konzeptionell begleitet. Danke auch an alle weiteren die das Quiz auf Herz und Nieren getestet haben und uns wertvolles Feedback gegeben haben. Besonders danken wir Nikolas für das kritische Feedback bezüglich der Backend-Architektur und der Datenbank-Integration.

Schon beim ersten Quiz-Projekt wünschten sich viele Nutzer zusätzliche Funktionen. Diese Wünsche haben wir in der aktuellen Version bestmöglich umgesetzt und die Plattform weiterentwickelt.

Tech-Stack & Tools

  • React 19 & Next.js 15 & Tailwind CSS 4 (Frontend)
  • Framer Motion (Animationen)
  • Lucide-React (Icons)
  • Google Fonts (Typografie)
  • PWA-Unterstützung
  • Express.js + Joi (Backend, Validierung)
  • Prisma ORM & PostgreSQL (Datenbank)
  • ESLint & Prettier (Code-Qualität)
  • Docker (Backend-Deployment)
  • Traefik + Caddy (Reverse Proxy)
  • Git + GitHub (Versionskontrolle)
  • Codex + GitHub Copilot (KI-gestützte Code-Vervollständigung)
  • Cloudflare (CDN)
  • Cloudflare Workers & Pages (Frontend-Deployment)

Jetzt mitmachen

Probiert unser Quiz aus, teilt eure Erfahrungen und helft, Demokratiebildung weiter zu verbessern.

Quiz starten