Mattegrafen - Adaptiv Matematikträning för Svenska Elever
En adaptiv matematikplattform som ger svenska elever diagnos, övning och återkoppling grundad i Lgr22 och Gy25, från lågstadiet till gymnasiet.
Min roll
Full-stack Utvecklare & Systemarkitekt
Period
2026
Teknologier
Översikt
Mattegrafen är en adaptiv matematikplattform för svenska elever från årskurs 1 till gymnasiet. Plattformen kombinerar ett diagnosflöde som kartlägger elevens kunskapsluckor med riktad övning och återkoppling — allt grundat i Skolverkets kursplaner (Lgr22 och Gy25).
Nyckelfunktioner
Diagnos & Adaptivitet
- Diagnosflöde: Kartlägger elevens nuläge per kurs och årskurs innan övningen börjar
- Riktad övning: Uppgifter anpassas efter var eleven behöver mest stöd
- Återkoppling: Steg-för-steg-ledtrådar istället för bara rätt/fel
Läroplansförankrat innehåll
- 248 ämnesidor: Genererade från curriculum-data för alla årskurser åk 1–gymnasiet
- Kursplansutdrag: Varje ämne kopplat till relevant centralt innehåll i Lgr22 och Gy25
- Exempeluppgifter: Konkreta uppgifter med lösningsgångar per ämne
Teknisk Implementation
- Next.js + SSR: Server-renderat innehåll för snabb laddning och full sökbarhet
- Strukturerad data: Course- och BreadcrumbList-schema (JSON-LD) på ämnesidorna
- Internationalisering: Byggd med next-intl för flerspråksstöd
- Analytics-funnel: Händelsespårning genom diagnos- och övningsflödet
Teknisk Arkitektur
Frontend (Next.js 16 + React 19 + TypeScript)
- Server-renderade ämnesidor med canonical URL och strukturerad data
- Komponentbaserad arkitektur med next-intl för språkhantering
- Responsiv design optimerad för elever på mobil och dator
Innehållsmotor
- Ämnesidor genererade från curriculum-data (Lgr22 + Gy25)
- Automatisk sitemap med 290+ URL:er
- FAQPage- och Course-schema för rik representation i sök
Utmaningar & Lösningar
Utmaning: Trovärdig läroplansförankring
Lösning: Byggde ämnesidorna direkt från strukturerad curriculum-data så att varje sida speglar det centrala innehållet i Skolverkets kursplaner, med kursplansutdrag och exempeluppgifter.
Utmaning: Sökbarhet från start
Lösning: Server-renderat innehåll (ej JS-shell), canonical-URL:er, BreadcrumbList- och Course-schema samt en fullständig sitemap gör innehållet indexerbart för sökmotorer.
Utmaning: Meningsfull övning
Lösning: Ett diagnosflöde kartlägger elevens kunskapsluckor innan övningen, så att uppgifterna riktas dit de gör mest nytta.
Påverkan & Resultat
- Elevnytta: Ger svenska elever en tydlig väg från diagnos till riktad övning
- Läroplansförankring: Innehåll kopplat till Lgr22 och Gy25 för alla årskurser
- Bred täckning: 248 ämnesidor från lågstadiet till gymnasiet
Live Demo
Plattformen är tillgänglig direkt i webbläsaren med diagnosflöde och ämnesbibliotek.
Besök den live sidan: mattegrafen.se