← index
focus.today()

Focus

Year
2026
Focus
Full Stack
Stack
next.js, typescript, supabase, zustand, framer-motion, dnd-kit, recharts
Links
githublive

A task manager built around one idea: the same tasks, seen four ways. An Eisenhower-sorted list, a 2×2 urgency/importance grid, an hour-by-hour timeline, and a kanban board. All four are live views over a single dataset that syncs instantly across devices.

Key features

  • four synchronized views: priority list, eisenhower grid, timeline, kanban
  • quick task capture from anywhere via keyboard shortcut
  • fullscreen pomodoro timer with automatic break intervals
  • recurring task automation and weekly performance analytics
  • real-time cross-device sync

How it's built

Optimistic updates keep the UI instant: every change renders immediately and syncs to Supabase (Postgres) behind the scenes, while server-driven realtime channels push updates to every open session. State lives in Zustand; drag interactions use dnd-kit; charts are Recharts.