← Alle Referenzen Case Study

Lehrerheld

Der digitale Lehrerbegleiter — von der ersten bis zur letzten Stunde.

React 19 Vite Supabase Realtime Claude AI PWA
Lehrerheld Dashboard mit Widget-System fuer Tagesstunden
22
Seiten
5
KI-Features
21.2k
LOC
19
Custom Hooks
Ausgangslage

Die Herausforderung

01

Lehrkraefte arbeiten mit einem Patchwork aus analogen und digitalen Tools: Papier-Notenbucher, separate Apps fuer Stundenplaene, WhatsApp fuer die Elternkommunikation. Nichts ist vernetzt.

02

Das Ziel: Eine einzige App die den kompletten Schulalltag abdeckt — von der Stundenplanung ueber Noten bis zum interaktiven Quiz. Und sie muss offline funktionieren, weil WLAN in Schulen unzuverlaessig ist.

Loesung

Wie wir gebaut haben

React 19 + Vite als SPA mit Supabase Backend. PWA mit Service Worker fuer Offline-Faehigkeit. Supabase Realtime fuer das Live-Quiz-System mit QR-Code-Beitritt. Claude AI fuer Arbeitsblatt-, Praesentations- und Loesungsblatt-Generierung. Eigener Sitzplan-Algorithmus mit 200 Iterationen.

FrontendReact 19 + Vite 7
BackendSupabase (self-hosted)
RealtimeSupabase Channels (Quiz)
AIClaude API (5 Features)
ExportDOCX, PDF, PPTX
PWAOffline-first, installierbar
Features

Was alles drinsteckt

01

Live-Quiz

Echtzeit-Quiz mit QR-Code-Beitritt, Scoreboard, Timer und Ergebnis-Auswertung. Bis zu 30 Schueler gleichzeitig.

02

KI-Arbeitsblaetter

7-Schritt-Wizard: Thema, Klassenstufe, Schwierigkeit, Aufgabentypen — Claude AI generiert das komplette Arbeitsblatt.

03

Sitzplangenerator

Visueller Tisch-Editor mit Sitzwunsch-System und algorithmischer Optimierung (200 Iterationen).

04

Notensystem

Faecher mit konfigurierbarer Gewichtung, Bulk-Noteneingabe, KI-OCR fuer handschriftliche Notenlisten.

05

Stundenplanung

4-Phasen-Modell (Einstieg, Erarbeitung, Uebung, Sicherung) mit Material-Upload und KI-Generierung.

06

Elternbrief-Generator

Strichlisten-basierte Verhaltenserfassung, automatische Brief-Generierung als Word und PDF.

07

Zeiterfassung

Live-Timer, manuelle Eintraege, Tages/Wochen/Monatsansicht mit Soll/Ist-Vergleich.

08

3 Themes

Light, Dark und Candy-Modus. Komplett custom CSS mit Nunito + Quicksand Fonts.

Screens

Die wichtigsten Ansichten

Lehrerheld Dashboard mit Widget-System
Dashboard

Widget-System mit Tagesstunden, Aufgaben, Klassenarbeiten, Schnellzugriff

Wochenraster Stundenplan
Stundenplan

Komplettes Wochenraster mit farbcodierten Faechern und Raeumen

Live Quiz Fullscreen mit QR-Code
Live Quiz

Fullscreen-Modus mit QR-Code, Frage-Cards und Echtzeit-Scoreboard

Sitzplan-Editor mit Drag-and-Drop
Sitzplan-Editor

Visueller Tisch-Layout mit Drag-and-Drop und Algorithmus-Optimierung

Ergebnis

Was geliefert wurde

22 Seiten und 19 Custom Hooks fuer einen komplett digitalen Schulalltag. Das Live-Quiz verbindet bis zu 30 Schueler in Echtzeit — sie treten per QR-Code bei und antworten auf ihren Handys.

Die KI generiert Arbeitsblaetter mit Loesungsblaettern, erkennt Noten per OCR aus Fotos, und erstellt PowerPoint-Praesentationen. Der Sitzplan-Generator beruecksichtigt Schueler-Wuensche und optimiert automatisch.

Der digitale Lehrerbegleiter — von der ersten bis zur letzten Stunde.

Eine App für deine Profession?

Live-Quiz, KI-Generierung, Offline-PWA — was wir für Lehrkräfte gebaut haben, geht für jede Berufsgruppe. 30 Minuten Erstgespräch, kostenlos.