Sidebar-Todo-Panel by herdsport

Diese To-do-Anwendung ist eine schlanke, vollständig im Browser laufende Aufgabenverwaltung. Sie wurde für eine schnelle und unkomplizierte Organisation täglicher Aufgaben entwickelt und benötigt weder eine Benutzeranmeldung noch einen Server.

Neue Aufgaben können bequem über das Eingabefeld erstellt werden. Das Hinzufügen erfolgt entweder über den Button oder per Enter-Taste. Leere Eingaben werden automatisch abgefangen.

Jede Aufgabe lässt sich per Doppelklick bearbeiten. Neben dem eigentlichen Titel kann zusätzlich eine optionale Notiz gespeichert werden, beispielsweise für Termine, Details oder Erinnerungen. Notizen werden direkt unter der jeweiligen Aufgabe angezeigt und können jederzeit geändert werden.

Der Bearbeitungsdialog ermöglicht eine komfortable Aktualisierung der Inhalte, ohne dass die Aufgabe neu erstellt werden muss.

Offene Aufgaben können per Drag & Drop individuell sortiert werden. Dadurch lässt sich die persönliche Priorisierung jederzeit anpassen. Die gewählte Reihenfolge bleibt dauerhaft erhalten.

Erledigte Aufgaben werden über eine Checkbox abgeschlossen. Nach dem Markieren verschiebt das System sie automatisch in einen separaten Bereich unterhalb der offenen Aufgaben. Dort werden sie chronologisch nach ihrem Abschlusszeitpunkt sortiert, sodass die zuletzt erledigten Aufgaben immer zuerst erscheinen. Wird eine Aufgabe wieder geöffnet, kehrt sie automatisch in den Bereich der offenen Aufgaben zurück.

Nicht mehr benötigte Aufgaben lassen sich direkt löschen. Eine Sicherheitsabfrage verhindert dabei versehentliches Entfernen.

Alle Änderungen – einschließlich neuer Aufgaben, Bearbeitungen, Sortierungen, Notizen und Statusänderungen – werden automatisch im LocalStorage des Browsers gespeichert. Dadurch bleiben sämtliche Daten auch nach einem Neustart des Browsers erhalten, ohne dass eine Internetverbindung oder ein Benutzerkonto erforderlich ist.

Zum Schutz vor unerwünschtem HTML- oder JavaScript-Code werden sämtliche Benutzereingaben automatisch maskiert, sodass ausschließlich Text dargestellt wird. Dies erhöht die Sicherheit und verhindert die Ausführung eingebetteter Inhalte.

Insgesamt bietet die Anwendung eine schnelle, übersichtliche und datenschutzfreundliche Lösung zur persönlichen Aufgabenverwaltung. Durch die Kombination aus Bearbeitungsfunktion, Notizen, Drag & Drop, automatischer Speicherung und klarer Trennung zwischen offenen und erledigten Aufgaben eignet sie sich sowohl für private To-do-Listen als auch für kleinere Arbeitsabläufe.

Funktionen:

Aufgabenverwaltung
- Neue Aufgaben über Eingabefeld hinzufügen
- Hinzufügen per Button oder Enter-Taste
- Leere Eingaben werden verhindert
- Jede Aufgabe erhält eine eindeutige ID

Aufgaben bearbeiten
- Doppelklick auf den Aufgabentext öffnet den Bearbeitungsdialog
- Aufgabentitel ändern
- Zusätzliche Notizen hinterlegen oder bearbeiten
- Änderungen werden sofort gespeichert

Notizen
- Optionaler Beschreibungstext pro Aufgabe
- Wird direkt unter der Aufgabe angezeigt
- Kann jederzeit bearbeitet oder entfernt werden

Aufgaben abschließen
- Aufgaben per Checkbox als erledigt markieren
- Erledigte Aufgaben werden automatisch in einen separaten Bereich verschoben
- Abschlusszeitpunkt wird gespeichert
- Erneutes Anklicken stellt die Aufgabe wieder her

Sortierung
- Offene Aufgaben erscheinen immer oberhalb
- Erledigte Aufgaben werden automatisch darunter angezeigt
- Erledigte Aufgaben sind nach Abschlussdatum sortiert (neueste zuerst)

Drag & Drop
- Offene Aufgaben können per Drag & Drop beliebig neu angeordnet werden
- Reihenfolge wird dauerhaft gespeichert
- Erledigte Aufgaben sind von der Sortierung ausgeschlossen

Löschen
- Aufgaben können direkt gelöscht werden
- Sicherheitsabfrage verhindert versehentliches Entfernen

Datenspeicherung
- Automatische Speicherung jeder Änderung
- Nutzung des Browser-LocalStorage
- Keine Registrierung erforderlich
- Daten bleiben auch nach dem Schließen des Browsers erhalten

Sicherheit
- Texteingaben werden vor HTML- oder Script-Inhalten geschützt (Escaping)
- Keine Ausführung eingebetteter HTML- oder JavaScript-Inhalte

Benutzerfreundlichkeit
- Übersichtliche Oberfläche
- Sofortige Aktualisierung nach jeder Aktion
- Keine Seitenneuladung notwendig
- Einfache Maus- und Tastaturbedienung