design(#89): End-scherm + Phase-transition (Brok 5) #102

New issue

Closed

opened 2026-04-21 15:12:28 +02:00 by Ghost · 1 comment

Ghost commented

2026-04-21 15:12:28 +02:00

(Migrated from codeberg.org)

Onderdeel van #89 — REFINE-89.md Brok 5.

Scope (schermen 8, 9 uit handoff)

showEnd → score-card met stats-grid. Geen Piep-rating-bubble (zie #109 voor later).
Badge-visual (octagonal SVG) is decoratief — er is nog geen badge-state (zie #104). Visual toont "JE HEBT SET X AFGEROND".
Phase-transition opwaarderen naar full-screen intermission met landschap (geen mascotte).

Impact

~200 LOC CSS + ~50 LOC JS.
showEnd wordt herschreven; omringende logica (rateQuiz, shareDailyResult) blijft intact.

Afhankelijkheden

#97 (tokens) — blocker
#98 (CSS-extractie) — blocker
Vraag 1 → Optie C ✅, vraag 3 → mascotte uit scope ✅. Unblocked.

Copy-constraint

Alles Nederlands, B1-taalniveau.

Release

Feature-branch feature/design-end → preview → merge.

Effort

1–2 dagen.

Onderdeel van #89 — REFINE-89.md Brok 5. ## Scope (schermen 8, 9 uit handoff) - `showEnd` → score-card met stats-grid. **Geen Piep-rating-bubble** (zie #109 voor later). - Badge-visual (octagonal SVG) is decoratief — er is nog geen badge-state (zie #104). Visual toont "JE HEBT SET X AFGEROND". - Phase-transition opwaarderen naar full-screen intermission met landschap (geen mascotte). ## Impact - ~200 LOC CSS + ~50 LOC JS. - `showEnd` wordt herschreven; omringende logica (`rateQuiz`, `shareDailyResult`) blijft intact. ## Afhankelijkheden - #97 (tokens) — blocker - #98 (CSS-extractie) — blocker - Vraag 1 → Optie C ✅, vraag 3 → mascotte uit scope ✅. **Unblocked.** ## Copy-constraint Alles **Nederlands, B1-taalniveau**. ## Release Feature-branch `feature/design-end` → preview → merge. ## Effort 1–2 dagen.

Ghost commented

2026-04-21 23:40:47 +02:00

(Migrated from codeberg.org)

Fixed in v2.22.0 — end-screen + phase-transition naar Routekaart-look.