Zum Inhalt springen

Schulprojekt · M294 JavaScript

KB ToDo

Eine Single-Page-App zur Aufgabenverwaltung nach der Eisenhower-Matrix — komplett im Browser, ohne Server und ohne Framework.

Screenshot der KB-ToDo-App

Über das Projekt

Im Modul M294 habe ich eine Single-Page-Application (SPA) entwickelt, mit der man Aufgaben und Events verwalten kann — erstellen, anzeigen, bearbeiten, suchen und löschen, alles auf einer Seite ohne Neuladen.

Eine Besonderheit ist die Eisenhower-Matrix: Die Priorität einer Aufgabe wird nicht eingegeben, sondern automatisch aus „Wichtig" und „Dringend" berechnet. So entstehen vier Stufen — von „Sofort erledigen" bis „Weg damit".

Ich habe bewusst auf Frameworks verzichtet und alles mit reinem (Vanilla) JavaScript gebaut, weil ich verstehen wollte, was unter der Haube passiert. Die Daten werden im localStorage des Browsers gespeichert und überleben so einen Refresh.

Funktionen

Vollständiges CRUD mit Bestätigungs-Modal beim Löschen.
Live-Suche nach Titel, Autor und Kategorie.
Eisenhower-Matrix mit automatischer Prioritätsberechnung in vier Stufen.
Dark- und Light-Mode mit Persistenz im localStorage.
JavaScript-Validierung inklusive Cross-Field-Prüfung (Enddatum nach Startdatum).
Barrierefrei & responsive — ARIA-Attribute, Focus-Trap im Modal, Tastatursteuerung, Mobile-First.

Technologien

JavaScript HTML / CSS localStorage