Centro de mando personal
Panel de productividad con proyectos, tareas, pomodoro y notas sobre Next.js y Supabase.
01 Problema y contexto
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 Solución
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 Resultados
Cifras verificables en el repositorio y su documentación:
04 Cómo está construido
Aplicación web de productividad personal tipo "command center" que integra gestión de proyectos y tareas, temporizador pomodoro, notas con etiquetas y un dashboard con KPIs y gráfico de actividad. Construida con Next.js 16 (App Router), React 19, Tailwind CSS 4 y Zustand para estado global, usa Supabase para autenticación (incluye OAuth) y persistencia en Postgres con Row Level Security. Incluye rutas protegidas vía middleware, drag and drop de tareas con persistencia de posición y sincronización de datos mediante hooks personalizados.
05 Aspectos destacados
- Aplicación full-stack con Next.js 16 (App Router), React 19 y Supabase como backend (auth y base de datos Postgres).
- Esquema SQL con 8 tablas y 9 políticas de Row Level Security para aislar los datos de cada usuario.
- Middleware de protección de rutas y autenticación SSR con @supabase/ssr, incluyendo callback OAuth.
- Temporizador pomodoro con estado global compartido (Zustand) entre el dashboard y la página dedicada, con registro de sesiones.
- Gestión de proyectos y tareas con reordenamiento drag and drop persistido y dashboard con gráficos Recharts.