The TODO task list in its light theme beside the same list in its dark one

TODO

TODO wanted a task list anyone could use without signing up. It adds, renames, ticks off and filters, in a light theme and a dark one. The hard part is the reordering: drag, touch and keyboard all move a row.

  • Front-End Engineering / API Design
  • Next.js / TypeScript / Tailwind CSS / .NET / PostgreSQL
Visit Website, TODO

Project Background

TODO is a task list with nothing to sign up for: type an item, tick it off, rename it in place, drag it where you want it, and narrow the list to what is still active. The interface came drawn twice, light and dark, at 375 and 1440, with a theme switch that survives a reload. The reordering is the build: a row moves by mouse, by touch and by keyboard, and a screen reader hears each move. A .NET service over Postgres keeps the list, so it opens on a second device. Scope ran from 320 up, and it clears 100 in all four Lighthouse categories.

Static Previews

TODO static preview 1
TODO static preview 2

Interested in doing a project together?

Contact Me