Yet Another Todo List
Mi primer proyecto de portfolio: una lista de tareas clásica, hecha siguiendo el capítulo inicial de un libro de Vue.js 3. Sencilla a propósito, con una lista de mejoras ya decidida.
vue
Una nota sobre por qué existe esto: llevo años trabajando con frameworks como Angular y Vue, pero siempre me gusta revisitar las bases (cuando un libro me parece interesante, no me salto capítulos solo porque los primeros parezcan básicos).
Mi primer proyecto de portfolio, siguiendo el capítulo 2 de Building Real-World Web Applications with Vue.js 3 (Packt), el proyecto de apertura del propio libro, una lista de tareas clásica. Deliberadamente sencilla: el objetivo no era la app en sí, sino dejar bien montado el andamiaje de Vue 3 + TypeScript + Vite, la estructura de componentes y el setup de tests antes de meterme con algo más ambicioso (ver Marvel Explorer).
v1
Una única lista dividida en tres componentes pequeños: AppHeader, TodoList y un ListItem por tarea. Vitest y Vue Test Utils están configurados desde el principio, tal cual los deja el libro, aunque esta primera versión todavía no tiene mucha lógica que merezca la pena testear (para eso está el roadmap de abajo).
Roadmap
- Diseño más cuidado
- Filtros y contadores de tareas
- API de frases motivacionales
- Soporte multi-lista
- Integración con un Pomodoro timer
- Notas en las tareas
- Adjuntar ficheros a las tareas