Skip to main content
U
Back to projects
ProductivityManagementLive

Matrix Tasks

A productivity-focused task management application implementing the Eisenhower Matrix method. Organize tasks into four quadrants for maximum efficiency.

An opinionated take on personal task management built around the Eisenhower Matrix: every task lives in one of four urgency/importance quadrants, forcing triage instead of accumulation.

Local-first with browser storage so it works offline, with smooth Framer Motion transitions between quadrants and across edits.

Matrix Tasks

Case study

Problem
General-purpose todo apps reward accumulation. Without forced prioritisation, 'important but not urgent' work gets crushed under daily firefighting and the list just keeps growing.
Approach
Make the Eisenhower Matrix the only way to add a task. Every entry has to go into one of four urgency/importance quadrants on creation, so triage becomes the default action, not an afterthought. Local-first browser storage so it works offline; Framer Motion for the cross-quadrant moves so the model feels tactile.
Outcome
The friction at add-time nudges users toward thinking about importance instead of just queuing more items. The offline-first model means there's no auth, no syncing, and nothing to break when the network drops.

Tech stack

Next.jsNext.js
Tailwind CSSTailwind CSS
FramerFramer Motion
TypeScriptTypeScript