2026 · web

Kairós Project.

clienteProyecto Personal
rol en proyectoDesarrollador Full-Stack (Diseño UI/UX, Lógica de Datos, Frontend)
tecnologíasNext.js · React · TypeScript · Tailwind CSS · Chart.js · Canvas API · Framer Motion · WhatsApp API · Vercel

Kairós Project es un espejo existencial basado en datos empíricos. La aplicación confronta al usuario con la finitud del tiempo mediante la visualización de la curva ATUS (American Time Use Survey) y una matriz temporal que renderiza las 4.420 semanas de una vida humana promedio. Guía al usuario a través de un embudo psicológico: desde el shock de los datos estadísticos sobre el aislamiento en la vida adulta, hasta un simulador interactivo donde puede auditar, rescatar y comprometerse a pasar tiempo con sus vínculos más cercanos.

el reto

Renderizar 4.420 elementos HTML individuales para representar las semanas generaba cuellos de botella en el DOM, ralentizando las animaciones de transición. Además, mantener al usuario inmerso mientras se calculan los datos en segundo plano requería una solución de UX avanzada.

la solución

Migración de la cuadrícula principal a la API Canvas con un motor de renderizado ligero que repinta los píxeles a 60 FPS. Implementación de filtros SVG de distorsión e interpolaciones suaves (lerp trailing en el cursor) para crear animaciones de fundido a blanco que ocultan la carga de componentes y refuerzan el peso emocional de la interfaz. Procesamiento 100% local (Privacy-First) — ningún dato personal sale del dispositivo del usuario.

Visualización de DatosDiseño UI/UXCanvasPrivacy-FirstExperiencia Interactiva
Kairós Project