Kanban
Este proyecto Full Stack reproduce un Kanban. Kanban es un sistema visual para gestionar el trabajo y las tareas a medida que avanza en un proceso. Es realmente fácil de usar porque las tareas sólo se tienen que arrastrar y soltar en la columna deseada.
Características
- Funciona mediante un sistema de usuarios, es necesario estar registrado para poder acceder.
- Cada usuario dispone de 4 columnas en su cuenta para manejar las tareas: TODO (pendientes), DOING (en curso), REVIEW (para revisar) y DONE (realizadas).
- Para cambiar de estado una tarea, es tan sencillo como arrastrarla a la columna que se desee.
- También es posible reordenar las tareas dentro de la misma columna.
- Cada tarea se puede eliminar individualmente.
- La columna de tareas realizadas incorpora una función de vaciado para eliminarlas todas a la vez.
Qué he aprendido
- A implementar Drag and Drop con React.
- A utilizar funciones avanzadas de React Hooks (useRef, usEffect, useState).
- A crear un sistema de usuarios.
Tecnologías
- Front-end: React Hooks (JavaScript), CSS-SASS
- Back-end: Node con Express, MongoDB