Zum Inhalt springen
PortfolioAbidjan

Front-End-Entwicklerin mit Full-Stack-Fokus

Fallstudie · Eigenes Produkt

Fassbar, der KI-Tutor, der Kursinhalte verständlich macht

„Was schwer zu verstehen war, wird fassbar.“ Ein KI-Tutor, der von den eigenen Kursunterlagen der Studierenden ausgeht und daraus Zusammenfassungen, Übungen und Erklärungen erstellt, statt am Lehrplan vorbei zu antworten.

Projekt online ansehen
Rolle
Konzeption, Design, Entwicklung, Deployment
Team
Allein
Zeitraum
2025 – heute
Status
Beta mit ersten Testpersonen

01

Kontext und Problem

Germanistikstudierende an ivorischen Universitäten arbeiten mit dichten, deutschsprachigen Kursunterlagen. Allgemeine KI-Tools antworten oft am Lehrplan vorbei oder auf einem Sprachniveau, das weit von ihren Texten entfernt ist.

Die Ausgangsfrage: Wie hilft man Studierenden, ihren eigenen Kurs besser zu verstehen, statt ein Thema im Allgemeinen?

02

Meine Rolle

Ich habe das Projekt allein getragen, von der Recherche bis zum Livegang: Produktdefinition, Design, komplette Entwicklung, Deployment und Betreuung der ersten Testpersonen.

  • 01Produktdefinition
  • 02Design von 41 Screens
  • 03Full-Stack-Entwicklung
  • 04Deployment und Beta

03

Vorgehen

Ein Prinzip leitete alle Entscheidungen: vom Dokument ausgehen, ohne sich darauf zu beschränken. Die KI bleibt dem Kurs treu und kennzeichnet klar, wenn sie darüber hinausgeht.

Zusammenfassungen entstehen in der Sprache des Dokuments, schwierige Wörter werden ins Französische übersetzt. Die Themen des Kurses lassen sich anklicken und vertiefen.

Startbildschirm von Fassbar mit dem Maskottchen und dem Slogan „Werde zum Meister deines Kurses“
Startbildschirm
Anmeldebildschirm von Fassbar: ein E-Mail-Feld und eine Schaltfläche „Code erhalten“
Anmeldung per Einmalcode, ohne Passwort
Dashboard von Fassbar mit importierten Kursen und Zugängen zu Korrekturen und Notizen
Kurs-Dashboard

04

Technische Entscheidungen

Jede Entscheidung antwortet auf eine konkrete Rahmenbedingung.

  • SvelteKit
  • TypeScript
  • Tailwind CSS
  • Drizzle ORM
  • Cloudflare
  • Claude API
  • Better Auth
  1. 01Clean Architecture

    Domain, Anwendung, Infrastruktur und Präsentation sind getrennt, damit sich das Produkt ohne Neuschreiben weiterentwickeln lässt.

  2. 02Cloudflare D1 und R2

    Datenbank und Dokumentenspeicher nah an der Anwendung, auf derselben Plattform.

  3. 03Anmeldung ohne Passwort

    Ein Einmalcode per E-Mail: Studierende müssen sich nichts merken, und es gibt kein Passwort zu schützen.

  4. 04Gesprächsverlauf

    Wird bei jedem Austausch an die KI übergeben, damit die Übungen von Frage zu Frage stimmig bleiben.

05

Ergebnisse

Das Produkt ist von der Idee zu einer Beta gewachsen, die echte Studierende nutzen.

Anmeldungen in 24 Stunden auf der Warteliste
110
Screens vor der Entwicklung gestaltet
41
abgeschlossene Sprints
5
Beta-Testpersonen
10 bis 15

06

Was ich gelernt habe

KI braucht Kontext: Ohne den Gesprächsverlauf widersprachen sich die Übungen irgendwann. Der KI das Gedächtnis des Austauschs zu geben, löste das Problem.

Werkzeuge von Anfang an nach der Laufzeitumgebung wählen: Auf Cloudflare habe ich Node.js-Bibliotheken durch die native Web Crypto API und unpdf zum Lesen von PDFs ersetzt.

Nächstes Projekt

02E-Commerce und Dashboard

Yofeii Délices

Der Onlineshop einer Marke für natürliche Gewürzmischungen und das Backoffice dahinter.

Leitende Frontend-Entwicklerin · Shop und Dashboard

  • Astro
  • React
  • Stripe