Data Structuur

JSON structuur voor quiz en flashcards tiles

Quiz Structuur

Voor quiz tiles moet het JSON bestand de volgende structuur hebben:

{
  "titel": "Quiz: Onderwerp (jaar)",
  "icon": "biohazard",
  "type": "quiz",
  "datum": "2026-03-01",
  "media": "onderwerp.mp4",
  "vragen": [
    {
      "vraag": "De vraagtekst hier",
      "opties": ["Optie 1", "Optie 2", "Optie 3", "Optie 4"],
      "antwoord": "Het juiste antwoord",
      "categorie": "Categorie naam"
    },
    // Meer vragen...
  ]
}

Veld Toelichting

titel - De titel van de quiz die wordt getoond op de tile

icon - Optionele Lucide icon naam (bijv. "biohazard", "atom", "dna")

type - Moet altijd "quiz" zijn

datum - Datum in ISO formaat (YYYY-MM-DD)

media - Optionele video bestandsnaam (placeholder bijv. "2026-ak-h1-h4.mp4") in de media folder

vragen - Array met vraag objecten

vraag - De vraagtekst (string)

opties - Array met 4 antwoordopties

antwoord - Moet exact overeenkomen met één van de opties

categorie - Optionele categorie voor organisatie

Flashcards Structuur

Voor flashcard tiles moet het JSON bestand de volgende structuur hebben:

{
  "titel": "Onderwerp (jaar)",
  "icon": "book-open",
  "type": "flashcards",
  "datum": "2026-03-01",
  "media": "onderwerp.mp4",
  "flashcards": [
    {
      "voorzijde": "Term of vraag",
      "achterzijde": "Definitie of antwoord",
      "categorie": "Categorie naam"
    },
    // Meer flashcards...
  ]
}

Veld Toelichting

titel - De titel van de flashcard set die wordt getoond op de tile

icon - Optionele Lucide icon naam (bijv. "book-open", "graduation-cap", "scroll")

type - Moet altijd "flashcards" zijn

datum - Datum in ISO formaat (YYYY-MM-DD)

media - Optionele video bestandsnaam (placeholder bijv. "2026-ak-h1-h4.mp4") in de media folder

flashcards - Array met flashcard objecten

voorzijde - De term of vraag (wat op de voorkant staat)

achterzijde - De definitie of het antwoord (wat op de achterkant staat)

categorie - Optionele categorie voor organisatie

Tips

Gebruik een JSON validator om fouten te voorkomen
Zorg dat het antwoord exact overeenkomt met één van de opties (case-sensitive)
Plaats je JSON bestand in de public/data/ map
Bestandsnaam formaat: JAAR-onderwerp.json

Wiskunde Notatie (KaTeX)

Je kunt wiskundige formules gebruiken in je vragen en antwoorden met behulp van KaTeX. Gebruik de volgende delimiters:

// Inline wiskunde (met $...$)
"vraag": "Wat is $15^2$?"
"antwoord": "$225$"

// Display wiskunde (met $...$)
"vraag": "Bereken: $\\frac{-b + \\sqrt{D}}{2a}$"

// Veel gebruikte wiskunde symbolen
$15^2$        // Kwadraat
$\\sqrt{25}$   // Wortel
$\\frac{a}{b}$ // Breuk
$x \\cdot y$   // Vermenigvuldigen
$x \\pm y$    // Plus/min
$\\approx$    // Approximatie
$\\neq$       // Niet gelijk
$\\geq$       // Groter of gelijk
$\\leq$       // Kleiner of gelijk

Voorbeeld: De vraag "Hoe noteer je het kwadraat van $15$ en wat is de uitkomst?" met antwoord "$15^2 = 225$" wordt weergegeven als: Hoe noteer je het kwadraat van 15 en wat is de uitkomst? Het antwoord toont de formule mooi opgemaakt.