Praxis
Del sueño a la tarea, con ciencia e IA
Contexto
Praxis conecta sueños con tareas en cinco niveles. Mapas visuales, seguimiento del progreso y métodos como WOOP y planes si-entonces ayudan a organizar próximos pasos concretos.
El desafío
Representar el mismo árbol como mapa 2D, lista y constelación 3D exige coherencia en la jerarquía y el progreso. La edición colaborativa debe respetar permisos e impedir relaciones inválidas entre nodos.
La arquitectura
React Flow renderiza el mapa y Three.js, cargado bajo demanda, presenta la constelación. Supabase reúne autenticación, PostgreSQL con RLS y sincronización Realtime. El producto incluye un coach de IA opcional, suscripciones Stripe e instalación como PWA.
Flujo de la arquitectura
Un árbol
- Cinco niveles, del sueño a la tarea
- PostgreSQL con RLS
Sincronización
- Supabase Realtime
- Un canal por mapa
Tres vistas
- Mapa 2D: React Flow
- Lista
- Constelación 3D: Three.js
Decisiones de ingeniería
Tres vistas, un árbol
Mapa, lista y constelación comparten datos y cálculo del progreso. El diseño automático organiza la jerarquía y las posiciones manuales conservan los ajustes del usuario.
Colaboración en tiempo real
Los mapas compartidos usan canales Realtime por mapa y políticas de acceso en PostgreSQL. Los cambios de padre se validan para evitar ciclos y conexiones entre niveles incompatibles.
Constelación 3D bajo demanda
Los sueños se distribuyen en una esfera de Fibonacci y sus descendientes en conos orientados. Los shaders muestran el progreso mediante el relleno de cada cuerpo.