Back to missions
Web apps

ToDo Web App

A simple browser-based task list for adding, completing, and removing everyday tasks.

Aug 2023webHTML · CSS · JavaScript
TWA

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.