Mattegrafen - Adaptive Math Practice for Swedish Students
An adaptive math platform giving Swedish students diagnostics, practice and feedback grounded in the national curricula (Lgr22 and Gy25), from primary school to upper secondary.
My role
Full-stack Developer & System Architect
Period
2026
Technologies
Overview
Mattegrafen is an adaptive math platform for Swedish students from year 1 through upper secondary school. It pairs a diagnostic flow that maps a student's knowledge gaps with targeted practice and feedback — all grounded in the Swedish national curricula (Lgr22 and Gy25).
Key Features
Diagnostics & Adaptivity
- Diagnostic flow: Maps the student's current level per course and year before practice begins
- Targeted practice: Exercises adapt to where the student needs the most support
- Feedback: Step-by-step hints instead of just right/wrong
Curriculum-anchored content
- 248 topic pages: Generated from curriculum data across all years, primary through upper secondary
- Curriculum extracts: Each topic linked to the relevant core content in Lgr22 and Gy25
- Worked examples: Concrete exercises with solution paths per topic
Technical Implementation
- Next.js + SSR: Server-rendered content for fast loads and full searchability
- Structured data: Course and BreadcrumbList schema (JSON-LD) on topic pages
- Internationalisation: Built with next-intl for multi-language support
- Analytics funnel: Event tracking through the diagnostic and practice flows
Technical Architecture
Frontend (Next.js 16 + React 19 + TypeScript)
- Server-rendered topic pages with canonical URLs and structured data
- Component-based architecture with next-intl for language handling
- Responsive design optimised for students on mobile and desktop
Content engine
- Topic pages generated from curriculum data (Lgr22 + Gy25)
- Automatic sitemap with 290+ URLs
- FAQPage and Course schema for rich representation in search
Challenges & Solutions
Challenge: Credible curriculum alignment
Solution: Built topic pages directly from structured curriculum data so each page mirrors the core content of the national curricula, with curriculum extracts and worked examples.
Challenge: Searchability from day one
Solution: Server-rendered content (not a JS shell), canonical URLs, BreadcrumbList and Course schema, and a complete sitemap make the content indexable for search engines.
Challenge: Meaningful practice
Solution: A diagnostic flow maps the student's knowledge gaps before practice, directing exercises where they help most.
Impact & Results
- Student value: Gives Swedish students a clear path from diagnosis to targeted practice
- Curriculum alignment: Content tied to Lgr22 and Gy25 across all years
- Broad coverage: 248 topic pages from primary through upper secondary
Live Demo
The platform is available directly in the browser with a diagnostic flow and topic library.
Visit the live site: mattegrafen.se