Vaycode

• 

  Interfaz principal del proyecto Vaycode

Inspiration:Nuestra inspiración vino directamente del reto de "Ejecución inteligente por GateGroup". El desafío era claro: crear herramientas para mejorar las operaciones de primera línea, reducir los procesos manuales y aumentar la "conciencia operativa".

Nos dimos cuenta de que en un entorno de operaciones rápidas (como el servicio a aerolíneas, donde GateGroup es líder), la comunicación de tareas entre supervisores y equipos de campo (como limpieza u operativos) suele ser manual, por radio o en pizarras. Esto genera retrasos, falta de visibilidad y es difícil de medir. Queríamos crear una solución digital simple y en tiempo real que digitalizara ese flujo de trabajo básico.

What it does:Vaycode es un gestor de actividades hiper-simplificado diseñado para equipos de primera línea. Su función es digitalizar el ciclo de vida completo de una tarea:

Crear y Asignar: Un supervisor (como "Valeria") puede crear una nueva tarea (ej. "Lavado de avión"), añadir una descripción y asignarla a un miembro específico del equipo ("Odalys", "Carlos") o...

Asignación Inteligente: Usar el botón "Auto-asignar a disponible", que le da la tarea al siguiente operario libre, optimizando el flujo de trabajo.

Gestión de Estado: El operario ve su tarea, la inicia (pasa a "En Progreso") y la marca como "Completada" al terminar.

Visibilidad Total: El supervisor tiene un dashboard en tiempo real que muestra cuántas tareas hay en total, cuántas están en progreso y cuántas están retrasadas, dándole la "conciencia operativa" que GateGroup buscaba.

How we built it:Construimos Vaycode enfocándonos en la velocidad de desarrollo y la simplicidad, usando las tecnologías fundamentales de la web:

HTML: Para la estructura semántica de la aplicación.

CSS: Para crear una interfaz limpia, responsiva y fácil de usar, con un diseño claro que no requiere capacitación.

Javascript : Usamos Javascript puro (sin frameworks) para manejar toda la lógica de la aplicación. Esto incluye la creación de tareas, la actualización de los estados (de "pendiente" a "en progreso" y "completado"), la gestión de la lista de usuarios y la actualización dinámica del dashboard de métricas.

Challenges we ran into:El mayor desafío fue manejar el estado de la aplicación usando solo JS. Sin un framework como React o Vue, tuvimos que gestionar manualmente cómo la interfaz de usuario se actualizaba cada vez que una tarea era creada, modificada o eliminada.

Otro reto fue diseñar la lógica para la función de "Auto-asignar a disponible". Tuvimos que crear un sistema simple en JS para rastrear qué usuario (del equipo de "Operativos" o "Limpieza") estaba libre para recibir la siguiente tarea y asignársela de forma equitativa.

Accomplishments that we're proud of:Estamos increíblemente orgullosos de haber creado una aplicación completamente funcional de punta a punta (crear, asignar, iniciar, completar y monitorear) usando únicamente HTML, CSS y Javascript.

Nuestro mayor logro es el dashboard de métricas en tiempo real ("Total tareas", "En progreso", "Retrasadas"). Responde directamente a la necesidad de "conciencia operativa" del reto, dándole a los supervisores la visibilidad que pierden con los procesos manuales.

What we learned:Aprendimos muchísimo sobre el poder de Javascript puro para construir aplicaciones interactivas. Dominamos la manipulación del DOM y la gestión de eventos de una forma mucho más profunda que si hubiéramos usado un framework.

También aprendimos a pensar en el usuario final. Diseñar para "operaciones de primera línea" significa que la simplicidad y la velocidad son más importantes que tener docenas de funciones.

What's next for Vaycode:Este prototipo demuestra el concepto, pero los siguientes pasos para hacerlo una herramienta robusta para GateGroup serían:

Implementar un Backend: Mover la lógica a un backend (ej. Node.js o Python) y conectar una base de datos (como PostgreSQL o MongoDB) para que las tareas sean persistentes y se compartan entre todos los usuarios en tiempo real.

Autenticación y Roles: Crear un sistema de inicio de sesión real que diferencie los permisos de un "Supervisor" (que puede crear y asignar) de un "Operativo" (que solo puede ver y completar sus tareas).

Aplicación Móvil: Desarrollar una versión móvil o una PWA (Progressive Web App) para que los equipos en campo puedan actualizar sus tareas desde sus dispositivos.

Notificaciones: Añadir notificaciones push o por email para avisar a los operarios de nuevas tareas asignadas.

Built With

• css
• html
• javascript