Kanban
Bei diesem Full Stack-Projekt wird ein Kanban durchgeführt. Kanban ist ein visuelles System zur Verwaltung von Arbeit und Aufgaben, die in einem Prozess ablaufen. Es ist einfach zu verwenden, Aufgaben werden gezogen und dann in der gewünschten Spalte abgelegt.
Merkmale
- Es arbeitet mit einem Benutzersystem, man muss sich anmelden, um darauf zuzugreifen.
- Jeder Benutzer hat 4 Spalten in seinem Konto, um die Aufgaben zu verwalten: TODO (ausstehend), DOING (im Prozess), REVIEW (zu überarbeiten) und DONE (abgeschlossen).
- Um den Status einer Aufgabe zu ändern, muss man sie nur in die gewünschte Spalte ziehen.
- Es ist auch möglich, die Aufgaben innerhalb der gleichen Spalte zu organisieren.
- Jede Aufgabe kann einzeln gelöscht werden.
- Die Spalte für abgeschlossene Aufgaben enthält eine Entleerungsfunktion, um sie alle auf einmal zu entfernen.
Was ich lernte
- Drag and Drop mit React zu implementieren.
- Fortgeschrittene React Hooks-Funktionen (useRef, usEffect, useState) zu verwenden.
- Ein Benutzersystem zu erstellen.
Technologien
- Front-End: React Hooks (JavaScript), CSS-SASS
- Back-End: Node mit Express, MongoDB