Lista de tareas

Ya tengo otro componente.

Acabo de terminar una pequeña app de lista de tareas. La he hecho React y TailwindCSS como el anterior.

Se puede añadir tareas poniéndole una fecha límite (opcional) y eliminar tareas. En el listado hay una serie de filtros para ver las que han pasado la fecha límite o las de la semana en curso. También se puede marcar las tareas como completadas y ocultar las completadas del listado.

Funcionalmente no tiene mucho misterio. Además le falta la funcionalidad de editar una nota. Aún así la lista de tareas es todo un básico, tenía que estar.

Para el estilo he usado algo diferente a lo que suelo hacer rojos muy marcados con grises y azules muy sutiles. A ver si consigo darle un poco de variedad visual a los componentes.

Puedes ver una prueba en vivo aquí y el código fuente aquí.

Esta semana he cumplido el propósito pronto, quiero terminar la home con la sección de proyectos y para eso necesito proyectos. Para la semana siguiente voy a usar una página que ya tengo casi lista para un estudio de grabación. La página aún no está publicada y quiero ponerle datos de relleno. Como tiene un panel de administración tengo que probar bien una cosa que hice para que el panel no se rompiera pero tampoco guardara si se ponía un “modo mock”. Para este ejemplo tampoco quiero montar la BD ni el backend. Con el frontal me basta.

Así puedo acabar la sección de proyectos de la home para que quede más resultona.

Pero poco a poco…

Este proyecto forma parte de una serie de “propósitos de año nuevo”, puedes ver el resto de proyectos de la lista aquí

¡Gracias por leerme!