Dayflow

Next.js 15 + Supabase · full source code

A daily planner and time tracker with a timer that can't lose time.

Plan your day → work on tasks → track actual time → compare planned vs actual → review your week. Deploy it under your own brand in about 20 minutes, or use it as the foundation for your own product.

Demo account is pre-filled on the login page. Start a timer, close the tab, come back — it's still running.

Dayflow day view with a running timer, planned vs actual totals, and a task timeline

Timestamp-based timer

Elapsed time is derived from started_at / ended_at stored in Postgres — never from a browser counter. Refresh, sleep, or close the browser and it's still right.

Enforced in the database

One running timer per user via a partial unique index. Start, stop and complete run inside atomic SQL functions on the database clock. Row Level Security on every table.

The whole workflow

Quick-add, inline edit, move to another day, planned / actual / remaining totals, weekly planned-vs-actual chart, unfinished-task carry-over. Desktop and mobile.

Recovery dialog asking whether to stop the timer at last activity, stop now, or keep running

Closed the browser mid-timer? On return the app asks: stop at last activity, stop now, or keep running.

Weekly history with planned versus actual bar chart and per-day table

Weekly review: planned vs actual per day, completed and unfinished tasks, one-click carry-over.

What you get

  • Full TypeScript source — Next.js 15 App Router, React 19, Tailwind 4
  • One SQL migration: tables, indexes, triggers, RLS policies, timer functions
  • Supabase Auth with cookie sessions and protected routes
  • Daily planning screen, timer, weekly history, settings
  • README with Supabase setup, local run, Vercel deploy, customisation
  • Commercial license: unlimited projects, no resale of the kit
Get the starter kit — $3914-day refund policy · free 1.x updates