const lernkarten = [
  {
    id: 1,
    frage: "Was ist React?",
    antwort:
      "React ist eine JavaScript-Bibliothek zur Entwicklung komponentenbasierter Benutzeroberflächen.",
    kategorie: "React",
    schwierigkeit: "leicht",
  },
  {
    id: 2,
    frage: "Was ist eine React-Komponente?",
    antwort:
      "Eine React-Komponente ist ein wiederverwendbarer UI-Baustein, der JSX zurückgibt.",
    kategorie: "React",
    schwierigkeit: "leicht",
  },
  {
    id: 3,
    frage: "Was sind Props?",
    antwort:
      "Props sind Daten oder Funktionen, die eine übergeordnete Komponente an eine untergeordnete Komponente übergibt.",
    kategorie: "React",
    schwierigkeit: "mittel",
  },
  {
    id: 4,
    frage: "Was ist State?",
    antwort:
      "State ist ein veränderbarer Zustand innerhalb einer React-Komponente.",
    kategorie: "React",
    schwierigkeit: "leicht",
  },
  {
    id: 5,
    frage: "Wofür wird useState verwendet?",
    antwort:
      "useState speichert veränderbare Werte und stellt eine Setter-Funktion zur Aktualisierung bereit.",
    kategorie: "React",
    schwierigkeit: "mittel",
  },
  {
    id: 6,
    frage: "Wofür wird useEffect verwendet?",
    antwort:
      "useEffect wird für Seiteneffekte wie API-Aufrufe, Timer oder die Synchronisation mit externen Systemen verwendet.",
    kategorie: "React",
    schwierigkeit: "mittel",
  },
  {
    id: 7,
    frage: "Was ist das DOM?",
    antwort:
      "Das DOM ist die JavaScript-Repräsentation einer HTML-Seite. JavaScript kann darüber Elemente lesen und verändern.",
    kategorie: "DOM",
    schwierigkeit: "leicht",
  },
  {
    id: 8,
    frage: "Was macht map()?",
    antwort:
      "map() verarbeitet jedes Element eines Arrays und erzeugt daraus ein neues Array.",
    kategorie: "JavaScript",
    schwierigkeit: "leicht",
  },
  {
    id: 9,
    frage: "Was macht filter()?",
    antwort:
      "filter() erzeugt ein neues Array mit den Elementen, die eine Bedingung erfüllen.",
    kategorie: "JavaScript",
    schwierigkeit: "leicht",
  },
  {
    id: 10,
    frage: "Was ist eine API?",
    antwort:
      "Eine API ist eine definierte Schnittstelle, über die Anwendungen Daten oder Funktionen austauschen.",
    kategorie: "API",
    schwierigkeit: "mittel",
  },
  {
    id: 11,
    frage: "Was ist clientseitiges Routing?",
    antwort:
      "Clientseitiges Routing wechselt Ansichten innerhalb einer Single-Page-Anwendung, ohne die vollständige Webseite neu zu laden.",
    kategorie: "Routing",
    schwierigkeit: "mittel",
  },
  {
    id: 12,
    frage: "Was macht useParams()?",
    antwort:
      "useParams() liest dynamische Parameter aus der aktuellen URL.",
    kategorie: "Routing",
    schwierigkeit: "schwer",
  },
];

export default lernkarten;
