CASO DE ESTUDIO / 06
DotLog
Un registro diario de hábitos donde confirmar una acción significa conservarla sin ediciones retroactivas.
En esta página
01 / CONTEXTO
El problema y la solución
El punto de partida
Registrar acciones importantes y seguir hábitos con un sistema simple que mantenga la honestidad del historial personal.
La propuesta
Una libreta digital con tabla mensual, hasta cuatro hábitos por ciclo y bloqueo de cada día después de confirmarlo.
02 / PRODUCTO
Funciones principales
Registro inmutable
Cada día reúne la acción principal y el avance de hábitos; al confirmarlo, la fila queda bloqueada.
Hasta cuatro hábitos
Un límite mensual que mantiene el seguimiento enfocado en pocas acciones relevantes.
Privacidad del registro
La acción principal se cifra localmente con AES-GCM antes de guardarse.
Progreso mensual
Indicadores de tasa de éxito, rachas activas y días perfectos, con soporte para español e inglés.
03 / IMPLEMENTACIÓN
Decisiones técnicas
La restricción como diseño
Bloquear la edición tras confirmar un día es una regla central del producto, no solo un estado visual.
Cifrado ligado al usuario
AES-GCM protege el contenido de la acción principal y mantiene su lectura ligada a la clave del usuario.
Interfaz de terminal
Nuxt, Vue y Nuxt UI componen una experiencia oscura con comandos y estados; la autenticación utiliza Google.
04 / CAPTURAS
El proyecto en pantalla
Una selección de vistas del proyecto. Pulsa una captura para verla a tamaño completo.
05 / DOCUMENTACIÓN
Explorar en detalle
El recorrido completo por los módulos, las reglas y las pantallas del proyecto.
Leer documentación completa
Dotlog es una aplicación para llevar un registro diario de hábitos y acciones importantes con una regla central: lo que se confirma queda bloqueado. La experiencia está inspirada en una terminal, con una interfaz oscura, directa y enfocada en crear disciplina mediante fricción útil.
Stack Tecnológico
El proyecto está construido con Nuxt y Vue, utilizando Nuxt UI y Tailwind CSS para una interfaz tipo terminal. Incluye autenticación con Google, manejo de sesión, soporte multi-idioma en español e inglés, modo de color y una arquitectura orientada a registros diarios, hábitos mensuales y métricas de progreso.
Landing Page
La página inicial presenta el concepto de Dotlog como una libreta digital inmutable. Comunica de inmediato el objetivo del producto: registrar la acción más importante del día, definir hasta cuatro hábitos mensuales y bloquear la edición para mantener honestidad en el seguimiento personal.
Registro Diario Inmutable
La experiencia principal funciona como una tabla mensual donde cada día puede registrar una acción principal y el avance de los hábitos definidos. Una vez confirmado el día, la fila queda bloqueada, evitando ediciones retroactivas y reforzando la idea de un registro honesto.
Hábitos Mensuales
Dotlog limita el seguimiento a cuatro hábitos por mes. Esta restricción mantiene el sistema simple, reduce ruido y obliga al usuario a enfocarse en los hábitos que realmente importan durante cada ciclo.
Privacidad y Encriptación
La acción principal del día se encripta localmente antes de guardarse, utilizando AES-GCM. Este enfoque protege el contenido más personal del registro y mantiene la lectura ligada a la clave del usuario.
Métricas de Progreso
La aplicación muestra indicadores como tasa de éxito mensual, rachas activas y días perfectos. Estas métricas permiten revisar el rendimiento del mes sin convertir el producto en una app sobrecargada de reportes.
Diseño tipo Terminal
Dotlog mantiene una identidad visual sobria y técnica: fondo oscuro, tipografía monoespaciada, comandos, estados del sistema y una estructura visual inspirada en logs. El diseño refuerza la idea de registro, permanencia y claridad.
Puedes probar la aplicación en: dotlogg.netlify.app