Personal command center
Productivity dashboard featuring projects, tasks, a Pomodoro timer, and notes, built on Next.js and Supabase.
01 Problem and context
Las herramientas de productividad dispersas (tareas en una app, pomodoro en otra, notas en una tercera) fragmentan el día; consolidarlas exige un backend con datos por usuario bien aislados.
02 Solution
Una sola aplicación full-stack: Next.js 16 con App Router y React 19 al frente, Supabase detrás con 8 tablas Postgres y 9 políticas de Row Level Security que aíslan los datos de cada usuario. El pomodoro comparte estado global (Zustand) entre el dashboard y su página dedicada, y las tareas se reordenan con drag and drop persistido.
03 Results
Verifiable figures in the repository and its documentation:
04 How it's built
A personal productivity "command center" web application integrating project and task management, a Pomodoro timer, tagged notes, and a dashboard with KPIs and an activity chart. Built with Next.js 16 (App Router), React 19, Tailwind CSS 4, and Zustand for global state management, it uses Supabase for authentication (including OAuth) and persistence in Postgres with Row Level Security. It includes middleware-protected routes, task drag-and-drop with position persistence, and data synchronization via custom hooks.
05 Highlights
- Full-stack application with Next.js 16 (App Router), React 19, and Supabase as the backend (auth and Postgres database).
- SQL schema with 8 tables and 9 Row Level Security policies to isolate each user's data.
- Route protection middleware and SSR authentication with @supabase/ssr, including OAuth callback.
- Pomodoro timer with shared global state (Zustand) between the dashboard and dedicated page, with session logging.
- Project and task management with persisted drag-and-drop reordering and a dashboard with Recharts charts.