en / es / ca / de

Kanban

Imatge principal del projecte.

El següent projecte Full Stack reprodueix un Kanban. Kanban és un sistema visual per a gestionar el treball i les tasques a mesura que avança en un procés. És realment fàcil d'utilitzar perquè les tasques només s'han d'arrossegar i deixar anar en la columna desitjada.

Codi font

Característiques

  • Funciona per mitjà d'un sistema d'usuaris, és necessari estar registrat per a poder accedir.
  • Cada usuari disposa de 4 columnes al seu compte per tal de gestionar les tasques: TODO (pendents), DOING (en curs), REVIEW (per a revisar) i DONE (fetes).
  • Per a canviar d'estat una tasca, és tan senzill com arrossegar-la a la columna que desitjada.
  • També és possible ordenar les tasques dins la mateixa columna.
  • Cada tasca es pot esborrar de manera individual.
  • La columna de tasques fetes conté una funció de buidatge per a eliminar-les totes alhora.

Què he après

  • A implementar Drag and Drop amb React.
  • A emprar funcions avançades de React Hooks (useRef, useEffect, useState).
  • A crear un sistema d'usuaris.

Tecnologies

  • Front-end: React Hooks (JavaScript), CSS-SASS
  • Back-end: Node amb Express, MongoDB