Interactive To-Do List with Priority Tracking

Time Logged: 18+ Hours (Hackatime)
Tech Stack: HTML5, CSS3, Vanilla JavaScript
Live Demo: sudip-project-04.netlify.app
Code: github.com/sudipstha-01/To_Do_List

I built this To-Do List application completely from scratch to improve my JavaScript skills and create something I could actually use. The app lets users add tasks, assign priorities, mark tasks as ongoing or completed, delete tasks, and save everything using Local Storage so tasks remain even after refreshing the page.

This project ended up teaching me far more than I expected. Before starting, I only had a basic understanding of DOM manipulation. While building the app, I learned how to work with Local Storage, JSON parsing/stringifying, event listeners, event delegation, template literals, CSS Grid, and dynamic rendering.

One of the biggest challenges was managing task status with radio buttons. Each task needed its own independent status controls, and figuring out the logic took several attempts before I found a clean solution. I also spent a lot of time debugging issues related to updating and re-rendering tasks, which helped me understand how data and UI stay in sync.

The most rewarding part wasn’t finishing the project—it was seeing how much I improved throughout the process. Every feature introduced a new concept, every bug taught me something, and by the end I felt significantly more confident working with JavaScript.

This was one of the most fun and educational projects I’ve built so far.