Zurück zu Projekte
Webanwendung Education Full-Stack 2024–2026

VocBuddy

Eine Vokabel-Lernplattform mit drei Quiz-Modi, intelligentem Algorithmus und Fortschritts-Tracking – gebaut für meine Klasse an der FOS/BOS Ansbach.

vocbuddy.de GitHub – Coming Soon
vocbuddy.de
Exklusiv für FOS/BOS Ansbach

Wo Vokabeln lernen zur

Ausführung wird.

Drei Quiz-Modi, intelligenter Smart-Mix und die Wortschmiede.

Kostenlos starten
Multiple Choice
Serendipity
3 Quiz-Modi
10 Entwicklungsphasen
45+ Ausgeführte Pläne
100% Kostenlos gehostet

Problem & Kontext

In meiner Klasse an der FOS/BOS Ansbach hatten wir alle das gleiche Problem: Englisch-Vokabeln lernen fühlte sich an wie eine Pflicht ohne System. Manche haben Karteikarten geschrieben, andere Apps benutzt, die meisten haben gar nichts gemacht. Es gab kein Tool, das auf unseren Unterrichtsstoff zugeschnitten war – mit den Vokabeln aus unserem Buch, organisiert nach unseren Units.

Die existierenden Vokabel-Apps waren entweder zu generisch, zu teuer oder hatten keinen echten Algorithmus dahinter. Ich wollte etwas, das wirklich versteht, welche Wörter man schon kann und welche nicht – und sich daran anpasst.

Die Lösung & der Weg dahin

Die Idee war simpel: eine Lernplattform, die genau auf unsere Klasse zugeschnitten ist. Admin (ich oder der Lehrer) pflegt die Vokabeln ein, jeder Schüler hat seinen eigenen Account und kann sehen, was er kann und was nicht. Aber aus der simplen Idee wurde schnell ein ambitioniertes Projekt.

Ich habe das Projekt komplett mit Claude Code und dem GSD-Workflow entwickelt – ein strukturierter Ansatz, bei dem jede Funktion in Phasen geplant, umgesetzt und verifiziert wird. In 10 Entwicklungsphasen und über 45 ausgeführten Plänen ist VocBuddy von einer Idee zur vollständigen Lernplattform gewachsen. Das Brainstorming für Features lief über Gespräche mit Mitschülern, die während der Entwicklung Feedback gegeben haben.

Was als "einfacher Vokabeltrainer" begann, hat sich zu einer App mit intelligentem Algorithmus, drei Quiz-Engines, Wortschmiede, didaktischen Inhalten und einem detaillierten Fortschritts-Dashboard entwickelt. Jede Funktion entstand aus einem echten Bedürfnis – nicht weil es cool aussieht, sondern weil es beim Lernen hilft.

Entwicklungsphasen
01
Auth & Accounts

Supabase Auth, Login, Register, RLS

02
Vocab Management

CRUD, Units, Admin-Panel

03
Quiz-Engines

Flashcards, Multiple Choice, Texteingabe

04
Fortschritts-System

3-Stufen, Mastery, Word-Level Tracking

05
Wortschmiede

Gold-Wörter zur Perfektion schmieden

06
Smart-Mix Algorithmus

6-Faktor-Analyse, optimale Wort-Auswahl

07
Didaktische Inhalte

Audio, Video, Stories, Lückentext

08
Admin Dashboard

CRUD, Moderation, Media-Upload

09
UI & Polish

Dark Theme, Animationen, Responsive

10
Cleanup & Deploy

Code-Bereinigung, Tests, Vercel-Deploy

Features & Highlights

3-Stufen-System

Silber, Gold und Perfektioniert. Jede Stufe hat eigene Anforderungen – einmal erreicht, bleibt sie für immer bestehen.

Smart-Mix Algorithmus

Analysiert 6 Faktoren und wählt die optimale Mischung aus neuen und schwachen Wörtern für jede Session.

Wortschmiede

Schmiede deine Gold-Wörter zur Perfektion. Drei Mal in Folge richtig – und das Wort sitzt im Langzeitgedächtnis.

Drei Quiz-Modi

Karteikarten mit 3D-Flip, Multiple Choice für schnelles Testen, Texteingabe für aktiven Recall.

Didaktisches Lernen

Audio-Quiz, Video-Inhalte und Stories mit Lückentext. Vokabeln in echten Kontexten erleben.

Detaillierter Fortschritt

Streak, Tagesziel, Antwort-Historie und Stufen-Übergänge – alles auf Wortebene getrackt.

Tech-Stack

N
Next.js 16 App Router, Turbopack
S
Supabase Auth, DB, Storage, RLS
T
Tailwind CSS v4, Dark Theme
TS
TypeScript Strict Mode
sh
shadcn/ui 15+ Components
Vi
Vitest Unit & Integration
Vercel Free Tier Hosting
Claude Code AI-Development

Architektur: Server Components für Datenzugriff, Client Components für Quiz-Interaktionen. Fortschritt wird per Supabase RPC pro Antwort gespeichert. Row Level Security stellt sicher, dass jeder nur seine eigenen Daten sieht.

Ergebnis & Learnings

VocBuddy ist live unter vocbuddy.de und wird aktiv von meiner Klasse genutzt. Die App läuft komplett kostenlos auf Vercel + Supabase Free Tier – kein monatlicher Cent an Hosting-Kosten.

Was ich gelernt habe: Ein strukturierter Entwicklungsprozess macht den Unterschied. Ohne den GSD-Workflow und die klare Phase-für-Phase-Planung wäre das Projekt schnell im Chaos versunken. Außerdem: Dark Mode first, Supabase RLS von Anfang an einrichten, und Client-seitige Quiz-Sessions sind schneller als jeder Server-Roundtrip.

Strukturierte Entwicklung

10 Phasen, 45+ Pläne, jede Funktion geplant und verifiziert.

Zero-Cost Hosting

Komplett auf Free Tiers – Vercel, Supabase, kein Budget nötig.

Echtes Nutzer-Feedback

Von Mitschülern getestet und iteriert – built for real users.

Selbst ausprobieren?

VocBuddy ist live und kostenlos nutzbar. Schau dir die App an oder wirf einen Blick in den Quellcode.

Website besuchen GitHub – Coming Soon
Weitere Projekte Alle Projekte
Kopiert!