Tools & data · Productivity tool

Focus Matrix

A session planner that pairs objectives with timers, priorities, breaks, and rewards for finished work.

Try this: Add an objective, pick a length, and start the timer.

focus-matrix.pages.devLiveOpen full size
Add an objective, set a timer, and finish it to earn its coin.
Role
Design & development
Period
2026
Status
Live
Platform
Cloudflare Pages
Built with
  • React
  • TypeScript
  • Vite
01

What it is for

A study session goes better with a plan: what to do, in what order, for how long, and when to rest. The planner turns that plan into objectives with timers and priorities, and pays a reward when an objective is done.

Two rules that mattered

Both came from problems found in real sessions.

Objective completedpays one coin, oncecoinEarnedCloud statesaved when a student is signed inLocal copysaved in the browser either waylocalStorage
02

Two fixes worth describing

  • Each objective pays its coin once. Before the fix, turning a task off and on again paid the coin again.
  • Progress also saves in the browser underneath the cloud copy, so a reload never loses it. Before the fix, a session with no signed-in student saved nothing and reported no error.

Display settings

Choose a layout and palette. Your settings are saved in this browser.

Palette
Homepage layout
Motion

Display settings do not change the project selection or publication permissions. Orbital and index layouts use the same project data.

Harmonic drawing

The homepage drawing is a small interactive made for this portfolio. It is separate from the project examples.

3
25

Drag across the center drawing or use these controls. The drawing does not require sound, network access, or continuous animation.