Volver al portafolio
2025 Full Stack Developer

Portal de Proveedores y Facturas

Portal para que proveedores suban facturas PDF/XML y documentos fiscales. Valida CFDI, montos, RFC y requisitos PPD como opinión de cumplimiento. Incluye panel administrativo y estatus de facturas.

Portal de Proveedores y Facturas

Tecnologías

Angular TypeScript Bootstrap Firebase API REST Lectura CFDI XML Procesamiento de PDFs SweetAlert2

01. Contexto

El Club León requería un portal para estandarizar la recepción de facturas CFDI y el control documental de proveedores. El proceso previo dependía de archivos dispersos y comunicación manual, lo que complicaba validaciones, seguimiento de estatus y preparación para auditorías.

02. Objetivo

Ofrecer a proveedores un portal para cargar facturas y documentos requeridos con visibilidad de estatus; automatizar validación de CFDI (RFC, UUID, total, forma/método de pago) a partir de lectura de XML y PDF; diferenciar PUE y PPD solicitando documentación adicional en parcialidades; dar al equipo administrativo un tablero consolidado (nuevas, pendientes, pagadas, rechazadas); y mantener historial completo por proveedor para uso contable y operativo.

03. Mi Rol

Levanté requisitos con finanzas, compras y proveedores clave para definir el flujo de recepción y validación. Diseñé el dashboard administrativo con tarjetas de resumen por estatus. Implementé la carga de factura PDF/XML, lectura de CFDI y validaciones de estructura y datos. Desarrollé módulos de documentos fiscales por proveedor con control de vigencia. Configuré estados de factura y acciones de aprobar/rechazar con mensajes claros al proveedor. Realicé pruebas con facturas reales y ajustes de reglas de negocio y UX para minimizar errores de captura.

Arquitectura

  • Frontend en Angular con TypeScript y Bootstrap
  • Persistencia y autenticación con Firebase
  • Integración con API REST para operaciones administrativas
  • Lectura y validación de CFDI desde XML
  • Procesamiento y descarga de PDFs
  • Alertas y feedback visual con SweetAlert2

Decisiones Técnicas

  • Lectura de CFDI XML para validación automática de datos críticos y reducción de errores
  • Separación de flujos PUE/PPD para aplicar reglas de documentación obligatoria
  • Dashboard con estatus de facturas para control administrativo y seguimiento operativo
  • Uso de Firebase para centralizar información y reducir dependencia de correos/archivos dispersos
  • Mensajería clara al proveedor mediante alertas y validaciones con SweetAlert2

Galería del Proyecto

Screenshot 1 of Portal de Proveedores y Facturas
Screenshot 2 of Portal de Proveedores y Facturas
Screenshot 3 of Portal de Proveedores y Facturas
Screenshot 4 of Portal de Proveedores y Facturas
Screenshot 5 of Portal de Proveedores y Facturas

Impacto y Resultados

  • Facturas y documentos fiscales centralizados por proveedor
  • Validación automática de CFDI para reducir rechazos
  • Tableros resumidos por estatus para control de montos
  • Menos comunicación manual entre proveedores y administración
  • Control de vigencia de opinión de cumplimiento y constancia fiscal
"El portal estandarizó la recepción de facturas y simplificó el control documental, reduciendo tiempos de revisión y mejorando la preparación para auditorías."

Lecciones Aprendidas

  • 💡 La validación automática del CFDI reduce errores y acelera el proceso de revisión
  • 💡 Diferenciar PUE/PPD desde el inicio evita ambigüedades y retrabajo en finanzas
  • 💡 El control de vigencias es clave para cumplimiento fiscal continuo
  • 💡 Un tablero por estatus mejora la visibilidad de montos y prioridades de pago
  • 💡 Las pruebas con facturas reales son indispensables para ajustar reglas y UX