Agentic programming · Personal workshop project

Mission Control

From a visual brief to a working task dashboard.

Mission Control dashboard showing priorities, messages and a daily schedule in translucent panels.
The day overview, using fictional workshop data.

The project

A personal workshop project built with coding agents to bring priorities, messages, schedules and tasks into one interface. The dashboard uses fictional workshop data, with task edits and manual entries stored in Cloudflare D1.

Context
Personal workshop project
Built with
React · TypeScript · Vinext · Cloudflare D1
Open site — Mission Control (opens in a new tab)

Information and interaction

The day overview surfaces priorities, items needing a response, scheduled events and upcoming deadlines. A five-column task board supports source filters, task details, manual task creation and status updates.

State that survives a reload

Task changes persist in D1. Refreshing the fixtures adds missing items while preserving edits, statuses and manual tasks; resetting restores the original example dataset.

Refining the experience

Browser feedback guided changes to the glass-like panels, responsive layout and navigation states. The interface includes keyboard controls, modal focus handling, save feedback and reduced-motion support.