Skip to content

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

Next.jsReactTypeScriptSSRnext-intlNode.js

Ö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