Future Improvements / What I would change
- Add recurring task support
- Drag-and-drop list + task reordering
- Inline todo editing
- Search + filter tasks
- Theming (dark/light) with localStorage
- Supabase integration (auth + sync across devices)
Todo App (React + TS)
Tech Stack
React
TypeScript
Vite
React Router
Context
LocalStorage
- Task management with folders + lists
- Clickable sidebar with URL-driven active view
- Add, delete, and skip todos
- Persistent state in localStorage
- Context API for shared state
- Responsive layout with React Router navigation
Project Overview
I built this Todo App to sharpen my skills with React, TypeScript, and state management using the Context API. I wanted to go beyond a basic list by adding nested folders/lists, dynamic routing, and persistent state with localStorage. This project helped me solidify concepts like component composition, React Router, discriminated unions, and scalable shared state logic. The UI is intentionally modular, ready for advanced features like recurring tasks, Supabase sync, or drag-and-drop list ordering. My goal was to build something I’d actually use: intuitive, fast, and easy to extend. This app is a learning playground and a real productivity tool in the making.
Demo Video
