en / es / ca / de

Gestor de tareas

Este es mi primer proyecto desarrollado con React. Se trata de un gestor de tareas sencillo en el que se pueden añadir funciones avanzadas como prioridad o fecha y hora de la tarea.

Código fuente

Características

  • Se pueden añadir tareas nuevas a través de un formulario.
  • Además del título y la descripción de la tarea, se puede añadir prioridad, fecha y hora.
  • Las tareas se ordenan por tiempo y se pueden eliminar en cualquier momento.
  • La fecha de vencimiento aparece azul si no ha vencido, o roja si ya ha vencido. Si la tarea ya está realizada, no tendrá color.
  • Cuando una tarea se marca como realizada, se desplaza hacia la zona de tareas realizadas.
  • Si una tarea se ha marcado como realizada por error, es posible revertir el movimiento.

Qué he aprendido

  • A construir un proyecto de React con componentes de clases.
  • A importar y exportar módulos en React.
  • A validar formularios.
  • A generar identificadores únicos con UUID.
  • A manejar el estado y pasar propiedades entre componentes.
  • A utilizar LocalStorage para la persistencia de datos.
  • A especificar los tipos de las propiedades con PropTypes.

Tecnologías

  • Front-end: React (JavaScript), CSS-Bootstrap
  • Back-end: -