¿Qué es kosmos?
kosmos es una aplicación web enfocada en la gestión de proyectos y equipos, diseñada específicamente para cubrir las necesidades de pequeñas empresas y startups que buscan una alternativa más sencilla y con menor curva de aprendizaje que herramientas complejas como Jira.
El nombre, de origen griego, evoca los conceptos de orden, estructura y armonía, que son los pilares de la experiencia de usuario del producto.
Probar kosmos
Abre la aplicación desplegada para recorrer el dashboard, los proyectos y el flujo de creación.
Características principales
Vista global
Indicadores clave (KPIs) sobre la productividad mensual, tareas pendientes y actividad reciente.
Creación en tres pasos
Detalles, tareas y resumen: garantiza la integridad de los datos antes de publicar el proyecto.
Seguimiento en tiempo real
“Tarea en curso” con ajuste de tiempos, edición de documentación y filtros por prioridad o departamento.
Interfaz responsive
Escalable a 1440px, con modo oscuro nativo y prioridad a accesibilidad y contraste.
Desafíos técnicos y soluciones
A lo largo del proyecto surgieron retos que exigieron soluciones creativas.
El desafío del stepper: el flujo de “Nuevo Proyecto” en tres pasos fue la parte más difícil a nivel de código, por la validación dinámica en cada paso (ej. exigir al menos una tarea en el paso 2) y la correcta persistencia de datos al avanzar o retroceder.
Gestión del modo oscuro: implementar un Dark Mode accesible se resolvió con localStorage para guardar la preferencia del usuario y un script temprano en cada HTML que evita el “destello” visual al cargar.
Conflictos con librerías externas:
Bootstrap: dificultades con el color de iconos y el tamaño de elementos (switches) en modo oscuro.
Chart.js: problemas de responsividad en pantallas pequeñas.
La IA como “ayuda peligrosa”: aceleró el trabajo, pero sus “alucinaciones” exigieron revisión constante. Se optó por limitar su uso y priorizar una lógica más simple, con interpolación directa en el HTML en vez de variantes de componentes complejas.
Limitaciones de tiempo: algunas funciones deseadas (como más interacciones visuales en la página de tareas) se pospusieron para futuras versiones, priorizando estabilidad del código actual.
Uno responsable de la IA
La inteligencia artificial se integró como una herramienta de soporte para la ideación y generación de wireframes, así como para la corrección y sugerencia de fragmentos de código, permitiendo acelerar el proceso de desarrollo sin comprometer la autoría del trabajo estructural y de diseño.
Lecciones clave
El proyecto demostró que una arquitectura bien planificada y un diseño previo sólido en Figma son fundamentales para gestionar la complejidad y evitar código duplicado.
Además, el aprendizaje de Lodash resultó vital para manejar de forma eficiente el filtrado y ordenamiento de las colecciones de datos en la aplicación.