Volver al portafolio
2025 Full Stack Developer

Renovación de palcos y plateas

Aplicación web interna para la gestión de renovaciones de palcos y plateas del Estadio León con control de accesos NFC, citas, ventas y cortes diarios en tiempo real.

Renovación de palcos y plateas

Tecnologías

Angular Angular Material TypeScript Firebase Realtime Database Node.js NFC WebSocket jsPDF SweetAlert2 ngx-toastr

01. Contexto

El Club León necesitaba una plataforma interna para administrar el ciclo de vida de palcos y plateas del Estadio León. Los procesos existentes se apoyaban en hojas de cálculo y controles manuales, dificultando la trazabilidad de renovaciones, ventas y reposiciones, especialmente durante días de partido.

02. Objetivo

Desarrollar una aplicación web interna que centralizara la información de palcos y plateas, digitalizara el proceso de renovación mediante tarjetas NFC, facilitara la consulta rápida de información y proporcionara trazabilidad completa de ventas, citas y movimientos diarios.

03. Mi Rol

Participé en la definición funcional del flujo de renovaciones, ventas y control de citas. Diseñé pantallas y componentes con Angular y Angular Material, implementé los módulos principales sobre Firebase Realtime Database, integré lectores NFC mediante backend en Node.js con WebSocket, generé comprobantes y reportes en PDF con jsPDF, configuré alertas visuales y realicé pruebas funcionales con usuarios internos.

Arquitectura

  • Frontend en Angular con Angular Material
  • Backend en Node.js para integración con lector NFC
  • Firebase Realtime Database para persistencia y tiempo real
  • Comunicación WebSocket para operaciones NFC
  • Generación de documentos PDF con jsPDF
  • Sistema de notificaciones con SweetAlert2 y ngx-toastr

Decisiones Técnicas

  • Uso de Angular y Angular Material para una UI consistente y mantenible
  • Firebase Realtime Database para sincronización en tiempo real
  • Backend en Node.js para manejo de lector NFC
  • WebSocket para comunicación bidireccional inmediata
  • Generación de PDFs para comprobantes y reportes oficiales

Galería del Proyecto

Screenshot 1 of Renovación de palcos y plateas
Screenshot 2 of Renovación de palcos y plateas
Screenshot 3 of Renovación de palcos y plateas
Screenshot 4 of Renovación de palcos y plateas
Screenshot 5 of Renovación de palcos y plateas

Impacto y Resultados

  • Plataforma única para gestión de palcos y plateas
  • Control centralizado de renovaciones, ventas y citas
  • Accesos NFC gestionados desde una sola herramienta
  • Cortes diarios consolidados por operación
  • Reducción de procesos manuales
"La plataforma permitió ordenar y centralizar la gestión de palcos y plateas, facilitando la operación diaria y mejorando el control durante los días de partido."

Lecciones Aprendidas

  • 💡 La centralización de información reduce errores y tiempos operativos
  • 💡 El uso de bases de datos en tiempo real mejora la coordinación entre áreas
  • 💡 La integración de hardware (NFC) requiere comunicación robusta y controlada
  • 💡 Los cortes diarios son clave para la trazabilidad operativa
  • 💡 Las alertas visuales mejoran la experiencia de los usuarios internos