Task Manager
Dies ist mein erstes mit React entwickeltes Projekt. Es ist ein einfacher Task-Manager, in dem man erweiterte Funktionen wie Priorität oder Datum und Uhrzeit hinzufügen kann.
Merkmale
- Neue Aufgaben können über ein Formular hinzugefügt werden.
- Neben dem Titel und der Beschreibung der Aufgabe können auch Priorität, Datum und Uhrzeit hinzugefügt werden.
- Die Aufgaben sind nach Zeit organisiert und können jederzeit gelöscht werden.
- Das Ablaufdatum ist blau, wenn es nicht abgelaufen ist, oder rot, wenn es abgelaufen ist. Wenn die Aufgabe bereits abgeschlossen ist, hat sie keine Farbe.
- Wenn eine Aufgabe als abgeschlossen markiert ist, wird sie in den abgeschlossenen Aufgabenabschnitt verschoben.
- Wenn eine Aufgabe fälschlicherweise als abgeschlossen markiert wurde, ist es möglich, die Bewegung rückgängig zu machen.
Was ich lernte
- Ein React-Projekt mit Klassenkomponenten aufzubauen.
- Module in React zu importieren und zu exportieren.
- Formulare zu validieren.
- Eindeutige Bezeichner mit UUID zu generieren.
- Den Zustand zu verwalten und Eigenschaften zwischen Komponenten zu verschieben.
- LocalStorage für die Datenremanenz zu verwenden.
- Eigenschaftstypen mit PropTypes anzugeben.
Technologien
- Front-End: React (JavaScript), CSS-Bootstrap
- Back-End: -