This is a small to‑do app I built while learning JavaScript and DOM manipulation. I wanted something that looks a bit more “product‑ready” than a basic list, but still simple enough for a first‑year project.
You can:
- Add new tasks with a priority and category
- Mark tasks as done / not done
- Edit tasks by double‑clicking on them
- Filter by All / Active / Done / High priority
- Reorder tasks by dragging them
- Clear all completed tasks
- Keep everything saved in
localStorageso it’s still there after refresh
- Plain HTML, CSS, JavaScript (no frameworks)
- Working with the DOM (creating elements, event listeners)
- localStorage for persistence
- Basic state management with a
tasksarray - Simple animations and drag‑and‑drop behavior
- Add a search bar to quickly find tasks
- Sync tasks across devices using a real backend
- Add user accounts and maybe a simple auth flow