Antwortende Todo-App mit vollständigem CRUD und LocalStorage

Erstellen Sie eine responsive Todo-App mit HTML5, CSS3 und Vanilla JavaScript. Die App sollte eine moderne, saubere Benutzeroberfläche mit CSS Grid/Flexbox und intuitiven Bedienelementen haben. Implementieren Sie vollständige CRUD-Funktionalität (Hinzufügen/Bearbeiten/Löschen/Abgeschlossene Aufgaben) mit flüssigen Animationen. Fügen Sie Aufgabenkategorisierung mit Farbcodierung und Prioritätsstufen (niedrig/mittel/hoch) hinzu. Fügen Sie Fälligkeitsdaten mit einer Datumsauswahl-Komponente und Erinnerungsbenachrichtigungen hinzu. Verwenden Sie localStorage für die Datenpersistenz zwischen Sitzungen. Implementieren Sie Suchfunktionalität mit Filtern für Status, Kategorie und Datumsbereich. Fügen Sie Drag-and-Drop-Neuanordnung von Aufgaben mithilfe der HTML5 Drag and Drop API hinzu. Stellen Sie sicher, dass das Design vollständig responsiv ist und geeignete Breakpoints mit Media Queries verwendet. Fügen Sie einen Dunkel-/Hell-Theme-Umschalter hinzu, der die Systempräferenzen des Benutzers respektiert. Fügen Sie subtile Mikrointeraktionen und Übergänge für eine bessere Benutzererfahrung hinzu.