Home

QuizArena — Frontend Wiki

Angular 21 web client for QuizArena, a gamified educational quiz platform powered by AI.

---

Getting Started

Step	Resource
1. Read the architecture	Frontend Engineering Standards
2. Set up local Keycloak	Keycloak Local Setup
3. Check what to build	Product Backlog

---

Pages

Frontend Engineering Standards

Architecture decisions, folder structure, coding standards, Atomic Design methodology, Tailwind CSS conventions and CI/CD pipeline.

Keycloak Local Setup

Step-by-step guide to run Keycloak locally with Docker and import the realm configuration. Required for local development.

Product Backlog

User stories organized by epics: Infrastructure, Identity & Security, Content Management, AI Assistant and Live Gamification Engine.

Technical Design Document

Key technical decisions: Angular Signals for state management, SignalR for real-time communication, HttpInterceptor for JWT injection and error handling.

---

Stack

Technology	Purpose
Angular 21	Framework
Tailwind CSS 4	Styling
Keycloak + PKCE	Authentication
SignalR	Real-time communication
Vercel	Deployment