Vokabeltrainer für WordPress & LearnDash

Kurzbeschreibung

Der Vokabeltrainer ist ein individuell entwickeltes WordPress-Plugin, das interaktive Flashcards direkt in LearnDash-Kurse integriert.
Ziel des Projekts ist es, autonomes, nachhaltiges Sprachenlernen innerhalb bestehender E-Learning-Strukturen zu ermöglichen – ohne externe Plattformen oder Medienbrüche.

Das System verbindet didaktische Konzepte (aktive/passive Abfrage, Wiederholungslogik) mit einer performanten, wartbaren Plugin-Architektur und einem modernen Frontend.

Problemstellung

Viele Lernplattformen bieten zwar Kurse und Inhalte, aber kein integriertes, wirklich nutzbares Vokabeltraining.
Externe Apps lösen das Problem nur teilweise:

• Lernende müssen die Plattform wechseln
• Fortschritt ist nicht an Kurse gekoppelt
• Inhalte sind nicht kurs- oder themenspezifisch
• Anpassungen an Corporate Design oder Datenschutzanforderungen sind kaum möglich

Dieses Projekt schließt genau diese Lücke.

Zielgruppe

Der Vokabeltrainer wird für die F+U Unternehmensgruppe gGmbH vollständig entwickelt

Lösung & Funktionsumfang

Lernlogik

• Flashcards mit Vorder- und Rückseite
• Umschaltbare aktive / passive Abfrage
• Benutzer-Markierungen:
  • Gelernt
  • Schwer
  • Noch üben
• Automatische Einstufung nach Lernverhalten
• Anzeige von Beispielsätzen auf der Rückseite

Inhalte & Verwaltung

• Import von Vokabellisten per CSV oder Excel
• Strukturierung nach Decks, Kategorien, Kursen und Lektionen
• Mehrsprachig erweiterbar (beliebige Sprachpaare)
• Optional: eigene Karten durch Nutzer

Integration

• Nahtlose Einbindung in LearnDash
• Sichtbarkeit nur für freigeschaltete Kursteilnehmer:innen
• Nutzung als:
  • Shortcode
  • Block
  • Widget

UX & Design

• Responsive UI für Desktop, Tablet und Mobile
• Flip-Animation mit sanften Transitions
• Anpassbar an bestehendes Corporate Design
• Optional: Dark Mode

Technische Umsetzung

Architektur

• WordPress Plugin mit klarer Trennung von:
  • Datenhaltung
  • Business-Logik
  • Frontend
• Custom Database Tables für Performance und Skalierbarkeit
• REST-API als Schnittstelle zwischen Backend und Frontend

Frontend

• Modernes JavaScript-Framework (React)
• Gebundelte Assets (Vite)
• State-Management pro Deck
• Fokus auf Performance bei großen Datenmengen

Backend

• PHP ≥ 8.1
• Saubere Nutzung von WordPress Actions & Filters
• LearnDash Access-Checks ohne Core-Eingriffe
• DSGVO-konforme Datenspeicherung (nur Lernfortschritt)

Herausforderungen

Didaktik & Technik verbinden

Eine der größten Herausforderungen war es, Lernlogik sinnvoll mit technischer Umsetzung zu verbinden.
Ein einfaches „Karte richtig / falsch“ reicht nicht aus – entscheidend ist:

• Wiederholungslogik
• Nutzerzustand
• Skalierbarkeit bei tausenden Vokabeln

Performance

Große Vokabellisten erfordern:

• Pagination
• Lazy Loading
• Caching-Strategien
• Saubere Datenmodelle

Integration statt Parallelwelt

Der Trainer durfte keine eigenständige App sein.
Alles musste sich exakt in die bestehende LearnDash-Logik einfügen – inklusive Kursfreischaltungen, Nutzerrollen und Reporting-Strukturen.

Warum dieses Projekt relevant ist

Dieses Projekt zeigt meine Fähigkeit:

• komplexe Anforderungen strukturiert zu analysieren
• bestehende Systeme zu erweitern statt zu ersetzen
• didaktische, technische und UX-Aspekte zusammenzudenken
• wartbare, erweiterbare Software zu entwickeln

Der Vokabeltrainer ist kein Demo-Projekt, sondern eine produktnahe Lösung, die realen Mehrwert für Lernplattformen schafft.

Tech-Stack (Auswahl)

• WordPress
• LearnDash
• PHP 8.1
• React
• REST API
• Custom DB Tables
• CSV / XLSX Import