LifeGlance - Línea de tiempo personal interactiva | Cómo instalar LifeGlance en Docker
LifeGlance: Tu vida completa en una línea de tiempo interactiva
Una aplicación web progresiva para mapear tu vida (pasado y futuro) sin entregar tus datos a la nube. Todo permanece en tu dispositivo.
¿Qué es LifeGlance?
LifeGlance es una línea de tiempo personal zoomable diseñada para personas que quieren mapear su vida sin entregar sus datos a servicios cloud. Es una Progressive Web App (PWA) que funciona completamente en el navegador. No hay cuentas, no hay servidor, no hay sincronización: tus datos nunca abandonan tu dispositivo.
Puedes registrar hitos pasados (nacimiento, graduación, bodas, mudanzas) y futuros (cumpleaños próximos, viajes planeados, jubilación), todo en un eje temporal continuo que puedes navegar desde semanas individuales hasta múltiples décadas con zoom suave y fluido.
Aspecto de la aplicación
Características principales
Línea de tiempo
Pan y zoom suave
Navega desde semanas individuales hasta múltiples décadas con transiciones fluidas.
Pasado y futuro unidos
Hitos pasados y futuros en un solo eje temporal continuo.
Navegación por teclado
Muévete entre hitos y niveles de zoom sin tocar el mouse.
Clusters inteligentes
Badges de agrupación para rangos de fechas densos.
Marcador "Hoy"
Fecha actual, día de la semana y edad opcional siempre visible.
Hitos
Datos completos
Título, fecha (precisión día/mes/año), categoría, nota y URL.
Adjuntos multimedia
Fotos, audio y vídeo almacenados como blobs locales (sin base64).
Recurrencia anual
Cumpleaños y aniversarios con año de finalización configurable.
Undo/Redo completo
Historial completo de cambios con confirmación de borrado inline.
Vistas y búsqueda
Modos de vista
Todo / Pasado / Futuro para filtrar la línea de tiempo.
Búsqueda full-text
Busca en títulos y notas de todos tus hitos.
Panel de estadísticas
Resumen de hitos totales, pasados, futuros y categorías.
"En este día"
Hitos de esta fecha en años anteriores.
Minimapa scrubbar
Navegación rápida a través de toda la línea de tiempo.
Importar/Exportar
Importar calendarios
Importa eventos desde archivos .ics de Google Calendar, Outlook, etc.
Exportar PNG
Exporta tu línea de tiempo como imagen de alta resolución (2×, con marca de agua).
Backup JSON
Exporta y restaura tu línea de tiempo completa.
Aplicación
PWA instalable
Funciona completamente offline después de la primera carga.
Audio generativo
Música ambiental sintetizada con toggle de silencio.
Tamaño de texto ajustable
Personaliza el tamaño de fuente según tus preferencias.
Adaptable a móvil
Advertencia de modo vertical para mejor experiencia.
Atajos de teclado
| Tecla | Acción |
|---|---|
| ← / → | Navegar entre hitos pasados/futuros |
| ↑ / ↓ | Zoom out / Zoom in |
| 1 – 9 | Zoom personalizado a N años |
| C | Input de zoom personalizado |
| T | Saltar a hoy |
| P / A / F | Vista Pasado / Todo / Futuro |
| N | Nuevo hito |
| E | Exportar imagen |
| / | Buscar |
| S | Configuración |
| M | Silenciar/activar audio |
| ⌘Z / Ctrl+Z | Deshacer |
| ⌘⇧Z / Ctrl+Y | Rehacer |
| ? | Ayuda |
| Esc | Cerrar modal |
Almacenamiento de datos
Todos los datos se almacenan localmente en tu navegador usando IndexedDB. Nada se envía a ningún servidor.
Estructura de almacenamiento
- IndexedDB
milestones: Registros de hitos (campos de texto, flags) - IndexedDB
media: Blobs de audio/vídeo, indexados por ID de hito - localStorage: Solo configuración y preferencias (unos pocos KB)
Los blobs multimedia se cargan de forma lazy (solo cuando abres el detalle de un hito o haces clic en play), por lo que el tiempo de inicio es rápido independientemente de cuántos adjuntos tengas.
Límites de almacenamiento
Los límites varían según el navegador:
- Chrome y Firefox: Permiten varios GB
- Safari en iOS: Más restrictivo. Puede eliminar datos de orígenes no visitados durante 7+ días a menos que la app esté instalada en la pantalla de inicio
El uso actual y la cuota disponible se muestran en el modal de Ayuda (?).
Instalación
Opción 1: Usar la versión alojada (recomendado)
La forma más sencilla es usar la versión oficial en lifeglance.app
Una vez cargada, la app funciona completamente offline. Puedes instalarla como PWA:
- Desktop (Chrome/Edge): Haz clic en el icono de instalación en la barra de direcciones
- Android: Menú → "Añadir a pantalla de inicio"
- iOS/Safari: Compartir → "Añadir a pantalla de inicio"
Opción 2: Autohospedar con Docker
Si prefieres tener control total del hosting:
Paso 1: Crear el directorio del proyecto
Paso 2: Crear docker-compose.yml
Paso 3: Iniciar el contenedor
Paso 4: Acceder a la aplicación
Abre tu navegador y ve a: http://localhost:8080
Opción 3: Construir desde el código fuente
Requiere Node.js 20+:
Cómo usar LifeGlance
1. Crear tu primer hito
- Presiona
No haz clic en el botón "+" - Completa los campos:
- Título: Nombre del evento
- Fecha: Día/mes/año (puedes omitir día o mes para eventos menos precisos)
- Categoría: Personal, Trabajo, Educación, etc.
- Nota: Descripción adicional (opcional)
- URL: Enlace relacionado (opcional)
- Opcionalmente adjunta foto, audio o vídeo
- Marca "Recurrente" si es un cumpleaños o aniversario
2. Navegar por tu línea de tiempo
- Usa las flechas
←→para moverte entre hitos - Usa
↑↓para hacer zoom in/out - Presiona
1-9para zoom rápido a N años - Presiona
Tpara volver a hoy
3. Importar eventos desde calendario
- Exporta tu calendario como archivo .ics (Google Calendar, Outlook, etc.)
- En LifeGlance: Configuración → Importar .ics
- Selecciona qué eventos importar
4. Crear backups
- Presiona
Spara abrir Configuración - Haz clic en "Save backup"
- Guarda el archivo JSON en un lugar seguro
- Para restaurar: "Load backup" y selecciona el archivo
Stack tecnológico
- Framework: React 18 + Vite
- PWA: vite-plugin-pwa (Workbox)
- Almacenamiento: IndexedDB (hitos + media), localStorage (configuración)
- Fechas: date-fns
- Fuente: Courier Prime (Google Fonts, cacheada offline)
- Audio: Web Audio API (sintetizado, sin samples)
- Deployment: Docker + nginx
Gestión del contenedor Docker
Ver logs
Reiniciar
Detener
Actualizar a la última versión
Construir imagen propia
Casos de uso
- Diario de vida: Registra hitos importantes de tu vida en un solo lugar
- Planificación a largo plazo: Mapea objetivos futuros (jubilación, proyectos, viajes)
- Memoria familiar: Documenta la historia de tu familia con fotos y notas
- Tracking de proyectos: Visualiza la duración de proyectos personales o profesionales
- Gestión de cumpleaños: Nunca olvides cumpleaños y aniversarios importantes
- Retrospectiva anual: Revisa tu año con la vista "Pasado" y estadísticas
Comentarios
Publicar un comentario