Yet Another Todo List
My first portfolio project: a classic to-do list, built while working through the opening chapter of a Vue.js 3 book. Deliberately simple, with an already-decided list of improvements.
vue
A note on why this exists: I’ve been working with frameworks like Angular and Vue for years, but I always enjoy revisiting the fundamentals (when a book looks worth reading, I don’t skip chapters just because the first ones look basic).
My first portfolio project, built by following chapter 2 of Building Real-World Web Applications with Vue.js 3 (Packt), the book’s own opening project, a classic to-do list. Deliberately simple: the point wasn’t the app, it was getting the Vue 3 + TypeScript + Vite scaffolding, component structure, and testing setup right before moving on to something more ambitious (see Marvel Explorer).
v1
A single list split into three small components: AppHeader, TodoList, and one ListItem per task. Vitest and Vue Test Utils are wired in from the start, straight from the book’s setup, even though this first version doesn’t have much logic worth testing yet (that’s what the roadmap below is for).
Roadmap
- More polished design
- Filters and task counters
- Motivational quotes API
- Multi-list support
- Pomodoro timer integration
- Notes on tasks
- File attachments on tasks