JebCode

CtrlStaff

CTRLstaff es una aplicación web diseñada para la gestión e inspección de personal en tiempo real, desarrollada como proyecto utilizando Antigravity con tecnologías base como HTML, CSS y JavaScript. La aplicación permite supervisar de manera clara y eficiente el estado operativo de los empleados, centralizando información clave en una interfaz moderna, minimalista y orientada a la productividad. El sistema cuenta con un panel principal de monitoreo en vivo donde se visualizan métricas relevantes como la cantidad de personal activo y el nivel general de asistencia. Además, incluye una tabla dinámica que muestra en tiempo real el estado de cada empleado, detallando información como nombre, departamento, hora de entrada, estado actual (activo, en pausa, ausente) y la actividad que está realizando. Esto permite tener un control inmediato sobre el funcionamiento del equipo. CTRLstaff también incorpora un módulo de gestión de personal, donde se presenta un directorio visual de empleados mediante tarjetas. Cada tarjeta muestra información esencial como nombre, rol, departamento y estado actual, facilitando la identificación rápida y el acceso a los datos de cada integrante del equipo. Otra funcionalidad importante es el sistema de reportes, que permite generar y visualizar informes sobre la actividad del personal. Estos reportes pueden exportarse en formato CSV, lo que facilita su análisis externo y almacenamiento. La vista previa de los reportes muestra datos organizados como identificador del empleado, nombre, estado actual y horas estimadas, proporcionando una visión clara del rendimiento general. La aplicación está diseñada con una experiencia de usuario intuitiva, utilizando una estética oscura con acentos de color que resaltan los estados y acciones importantes. Toda la información se maneja de forma dinámica en el frontend, con persistencia de datos para mantener la consistencia de la información durante el uso. En cuanto a despliegue y control de versiones, CTRLstaff fue publicado en Vercel y su código fuente gestionado a través de GitHub, lo que garantiza accesibilidad, mantenimiento y escalabilidad del proyecto.