ToDo Web App
A simple browser-based task list for adding, completing, and removing everyday tasks.
A small project with a clear brief
ToDo Web App was a college microproject built around an everyday task: keeping a short list of things that needed to get done. The brief was deliberately small, which made it a good place to focus on the fundamentals instead of reaching for a framework or a large feature set.
The shape of the experience
The page gives the user one straightforward loop:
- Write a task
- Add it to the list
- Mark it complete when it is done
- Remove individual tasks or clear the list
That simplicity made the relationship between the interface and the code easy to follow. Every action has an immediate, visible result.
Building with the browser
I built the project with plain HTML, CSS, and JavaScript. JavaScript listens for the user actions, creates the task elements, toggles their completed state, and keeps the list in sync with the page.
It was a useful exercise in working directly with the DOM and in giving a small interface enough feedback to feel dependable.
Why the project mattered
As an early end-to-end project, it helped me understand how a page becomes interactive one event at a time. It also reinforced that a microproject does not need a long feature list to be valuable; a tight scope can make the underlying decisions easier to see.