LifeOps
Sistema operativo integral personal y profesional: deporte, lecturas, cine, tablero Kanban y proyectos.
Plataforma modular full-stack para unificar la gestión de actividades personales (fitness, biblioteca, cine) y proyectos profesionales mediante tableros Kanban interactivos, generación de informes ejecutivos en Word/Excel/CSV y arquitectura cloud serverless con Supabase a coste cero.
Objetivos del Sistema
Centralizar en una sola interfaz reactiva datos que habitualmente se dispersan en múltiples aplicaciones de suscripción.
Proveer un tablero Kanban profesional con comentarios cronológicos persistidos en estructuras JSONB.
Generar informes ejecutivos descargables en Word (.docx), hojas de cálculo Excel (.xlsx) y CSV con codificación UTF-8 BOM.
Operar bajo un modelo de infraestructura cloud 100% gratuito (Netlify + Render Free + Supabase Cloud).
Capacidades Principales
Módulo Deportivo: registro de entrenamientos, ritmos, kilometraje, calorías y cálculo de promedios.
Biblioteca de Lecturas: estado de libros (leyendo, completado, pendiente), calificación y notas clave.
Videoteca Cine & Series: catálogo de películas vistas, directores, plataforma y valoración personal.
Gestión de Proyectos & Kanban: estados (Pendiente, En curso, En revisión, Hecho), prioridades y comentarios.
Motor de Informes Ejecutivos: exportación de resúmenes consolidados en Word y tablas de datos en Excel.
Modo Demo Sandbox: prueba interactiva instantánea con datos simulados sin requerir registro ni backend.
Arquitectura y Especificaciones de Diseño
Arquitectura desacoplada en 3 capas: Single Page Application (SPA) en React 19 servida desde CDN estática con HashRouter, API REST asíncrona en FastAPI desplegada en Render con autenticación JWT estricta y limitación de tasa SlowAPI, y base de datos relacional PostgreSQL en Supabase aislada en el esquema propio 'lifeops'.
🔍 Haz clic en el diagrama para ampliar a pantalla completa
Principios Arquitectónicos Invariantes:
- Aislamiento de esquemas: ningún dato de LifeOps comparte tablas con el núcleo del portal (esquema 'lifeops').
- Verificación criptográfica estricta: firma JWT obligatoria en backend mediante clave HMAC secreta de Supabase.
- Dual-Mode determinista: el modo de prueba (?mock=true) ejecuta 100% en cliente sin peticiones de red.
Stack Tecnológico
FRONTEND
BACKEND
DATA
INFRA
Artículos de Referencia & Documentación de Construcción
Esta aplicación está respaldada por una serie técnica publicada paso a paso en el blog:
Proyecto LifeOps (Parte 1): Arquitectura de un Sistema Operativo Personal y Backend con FastAPI + Supabase
Cansado de usar 5 aplicaciones distintas de suscripción mensual para registrar entrenamientos, lecturas y proyectos, decidí …
Leer artículo completo →
Proyecto LifeOps (Parte 2): Frontend React con Glassmorphism, Dashboard 360° y Sistema de Diseño Dark Mode
Con el backend y la base de datos listos, llega el momento de darle vida al cliente: un frontend React moderno con estética …
Leer artículo completo →
Proyecto LifeOps (Parte 3): Módulos Interactivos: Deporte, Biblioteca, Cine y Tablero Kanban Profesional
Entramos en el corazón funcional de LifeOps: exploramos la arquitectura de vistas duales (Grid vs Tabla), el tracking deportivo …
Leer artículo completo →
Proyecto LifeOps (Parte 4): Motor de Informes Ejecutivos en Word (.docx) y Exportación Multi-Hoja en Excel (.xlsx)
Tus datos no deben ser rehenes de ninguna app. En esta entrega construimos el motor de generación en memoria RAM de LifeOps: …
Leer artículo completo →
Proyecto LifeOps (Parte 5): Despliegue 24/7 en la Nube a Coste Cero ($0/mes), Optimización Móvil y PWA
¡Llegamos a la meta! En esta última entrega desplegamos LifeOps en producción 24/7 con coste 0 €/mes combinando Render y Netlify, …
Leer artículo completo →Historial Evolutivo & Versiones (SemVer)
Registro formal de entregas, características y revisiones de seguridad:
Aislamiento SDD, corrección SEC-1 y suite de verificación automatizada
- Aislamiento físico en apps/lifeops/ con subproyectos web y api desacoplados.
- Corrección de seguridad SEC-1: verificación estricta de firma JWT (PyJWT), erradicando el bypass sin firma.
- Suite de tests automatizados con pytest en apps/lifeops/api/tests/ (healthcheck, auth y mitigación de tokens forjados).
- Pipeline de compilación reproducible build:portal que sincroniza artefactos optimizados a static/apps/lifeops/.
Lanzamiento oficial respaldado por la serie editorial de 5 artículos
- Módulos de actividad completados: Deporte (ritmo/calorías), Biblioteca y Cine/Series.
- Tablero Kanban con columnas de estado, prioridades y sistema de comentarios cronológicos.
- Generador de informes en Word (.docx), libros Excel (.xlsx) y exportador CSV con codificación UTF-8 BOM.
- Soporte PWA y optimización móvil con menú inferior táctil.
Rediseño responsive, bottom navigation y modales táctiles
- Menú de navegación inferior (BottomNav) adaptativo para smartphones.
- Modales convertidos a bottom-sheets con altura 92dvh y gestos táctiles.
Bitácora cronológica de comentarios JSONB en tareas Kanban
- Soporte para múltiples notas y comentarios en tareas Kanban almacenados en campos JSONB.
Despliegue cloud 24/7 en Render y auto-retry ante cold starts
- Configuración de servicio backend en Render Free Tier con sondeo de salud automático.
- Control de cold start en frontend con spinner informativo y reintentos exponenciales.
Arquitectura base inicial e integración full-stack
- Frontend en React SPA con HashRouter y diseño adaptativo.
- Backend FastAPI con routers modulares y cliente Supabase.
- Soporte bilingüe ES/EN mediante diccionarios y modo de datos de prueba.