Problem
A daily plan breaks when tasks, payments and recurring responsibilities live in different places.
The product brings those items into one day-first workflow so time-sensitive tasks and repeating obligations can be reviewed together.
Agenda
A private planning system built around the day: scheduled and unscheduled tasks, recurring payments and responsibilities that return over time.
Reconstruction from implemented UI · synthetic sample data
Agenda
HoyMensualPagosSuscripcionesPermanentes
‹Hoy›
Agregar tarea rápida...
Pagos del día 1
Pago recurrente
Horario 1
Revisar propuesta
Tareas 2
⋮⋮
Preparar documentos
⋮⋮
Follow up pendiente
Completadas 1›
Enviar confirmación
octubre 2026
DomLunMarMiéJueVieSáb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
TareasPagos
Nuevo pago recurrente
Nombre · monto opcional · moneda · día del mes · notas. “Este pago aparecerá en tu agenda el día X de cada mes.”
Source fidelity: only untimed pending tasks are draggable. Timed tasks stay ordered by time; completed tasks are collapsible. The monthly grid uses blue task dots and orange payment dots, with the current day rendered on a dark background.
Interaction
Different task types behave differently.
Scheduled tasks remain time-based. Untimed pending tasks can be reordered with pointer or touch. Tasks can be edited, moved to another day, duplicated, deleted, completed or reactivated.
Recurring records
Payments are modeled as repeating items, not one-off notes.
A recurring payment stores name, optional amount, currency, day of month and notes, then appears in the agenda on its configured day.
Implemented system
A practical planner with explicit interaction rules.
The implemented UI includes daily navigation, quick task entry, sections for payments, timed tasks, untimed tasks and completed work, plus a Spanish monthly calendar and recurring-payment workflow. Portfolio visuals use synthetic records so private family, financial and business details are never exposed.
Daily structurePagos del día · Horario · Tareas / Sin hora · Completadas
Task actionsEditar · Mover a otro día · Duplicar · Eliminar · completar / reactivar
StackNext.js 16.2 · React 19 · TypeScript · Tailwind 4 · Supabase · Neon · Drizzle · TanStack Query · Zustand · dnd-kit · Framer Motion
Monthly viewDom–Sáb · task/payment indicators · current-day emphasis · Spanish date formatting