nasichi.dev

· 3 min read

ToDo: every task on one screen

Most to-do apps hide your tasks behind lists you have to open one by one. ToDo puts every list on a single screen as a tile, so one glance tells you what's left: at work, at home, in the shop.

Open ToDo →

The ToDo board: five coloured list tiles (Work, Private, Groceries, Apartment, Long term) with their tasks, and below them the Do Now card, the Done card and the + Task button.
The board: each list is a tile, the dock below holds Do Now, Done and + Task.

The idea

A list app should answer one question fast: what do I still have to do? So the home screen is not a menu of lists but the lists themselves. Each list is a tile in a two-column grid (small, wide or large), its tasks are visible right there, and anything that doesn't fit scrolls inside the tile.

How it works

The whole app runs on a few gestures, and each one always means the same thing:

Tap the circleFinish the task (with Undo)
Tap the titleOpen details: priority, due date, steps, notes
Hold, then dragMove it to another list, to Do Now or to Done
Tap + on a tileAdd a task straight to that list

Do Now is a focus list for today. A task you drag there stays in its own list too (with a small bolt icon), and finishing it in either place finishes it everywhere. Done collects finished tasks by day, week or month, and every one can be restored.

Add, plan, drag to Do Now, finish.

What else it can do

Four looks

The layout never changes, only the look: bright Verano, quiet Ulm, the castle-and-dragon Eldermere and the night-sky Vesper.

Verano design
Verano
Ulm design
Ulm
Eldermere design
Eldermere
Vesper design
Vesper

Your data stays on your phone

There is no account, no server holding your tasks, no tracking. Everything is stored in your browser on your device, and the app works offline.

Tip: in Safari, tap Share → Add to Home Screen. ToDo then opens full screen like an app, and Safari won't clear its data after a week without use.

How it was built

ToDo is plain HTML, CSS and JavaScript: no framework, no build step, served as static files from Cloudflare. Every feature started as a few lines in a written spec plus an acceptance test, and was then implemented with Claude Code. That kept a growing app consistent: more than 240 automated tests (logic and real-browser) run on every change.

Try it

Open todo.nasichi.dev on your phone, add it to your Home Screen, and tell me what's missing via ⋯ → Send feedback in the app.