Saltar al contenido
Alejandro
Todos los proyectos

AsistenciaSoft

Convierte el reporte del reloj biométrico en horas por empleado y un Excel listo para nómina.

Panel de asistencia con carga del archivo del reloj y totales del periodo
Cliente
RR. HH. / nómina
Año
2026
Tipo
Herramienta interna
Mi rol
Diseño y desarrollo
Tecnología
React, TypeScript, Vite, Tailwind CSS, ExcelJS
Demo
Navegable, con datos ficticios

El problema

El reloj biométrico de una empresa exporta un archivo de texto con cada marcación de entrada y salida. Para pagar la nómina, alguien tenía que abrir ese archivo, calcular las horas de cada persona día por día —con turnos nocturnos que empiezan un día y terminan al siguiente— y pasarlas a una hoja de cálculo. Era lento y fácil equivocarse.

Para qué se hizo

Para que el archivo del reloj se arrastre a la pantalla y en segundos salgan las horas reales de cada empleado, con filtros y un Excel listo para liquidar.

Qué se construyó

  • Carga del archivo del reloj (.txt) con un análisis de lo que se leyó y lo que no.
  • Cálculo de horas a partir de la entrada y la salida, incluidos los turnos que cruzan la medianoche.
  • Resumen diario y acumulado por empleado, con filtros por nombre, departamento, sede y fechas.
  • Exportación a Excel con varias hojas y formato, y versión para imprimir o guardar en PDF.

Cómo se construyó

  • Todo en el navegador: el archivo no sale del computador de quien lo usa. No hay servidor ni claves.
  • React y TypeScript para la interfaz y ExcelJS para generar el libro de Excel con estilos reales, no un CSV plano.

Resultado

[CONFIRMAR] ¿Para quién fue, cuántos empleados procesa y cuánto tarda ahora el cierre de nómina frente a antes?

Qué puede ver en la demo

La aplicación completa con quince registros de ejemplo ya cargados, todos ficticios. También puede subir un archivo propio: se procesa en su navegador y no se envía a ningún lado.

Qué probar en la demo

  1. Mire el resumen diario con los registros de ejemplo ya cargados.
  2. Filtre por departamento, sede o rango de fechas.
  3. Cambie a «Resumen acumulado» para ver el total por empleado.
  4. Pruebe «Exportar a Excel»: el archivo se genera en su navegador.

Pantallas

Recorrido en video

Siguiente proyecto

Sitio web para lavadero

Sitio de un lavadero de carros y motos con reservas por WhatsApp, galería de antes y después, y SEO local.

Abrir la demoCompartir