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.

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.js
Tailwind CSS
Framer Motion
TypeScript