← Todos los casos de estudio

Caso de estudio · 2023

Construir un frontend bancario desde cero

Un dashboard completo del ciclo de vida de créditos para un banco, construido desde cero — y lo que el software regulado me enseñó sobre 'listo para producción'.

AngularTypeScriptREST APIsCI/CDQA

Contexto

En Sophos Solutions construí el frontend completo, desde cero, para la plataforma de gestión de créditos de un banco — el dashboard interno que los analistas usaban para operar todo el ciclo de vida de un crédito. Software regulado y de misión crítica, con la disciplina de proceso que eso implica.

Desafío

Esto no era mantener una UI existente; era construir un frontend grande, correcto y consistente desde cero, para un dominio donde los errores tienen consecuencias reales. El dashboard debía soportar el ciclo completo — crear solicitudes, revisar información de clientes, verificar estado crediticio, buscar grandes volúmenes de datos, validar documentación, y aprobar o rechazar solicitudes — todo conectado a servicios de backend existentes.

Restricciones

Un proceso de entrega riguroso, de grado bancario: todo pasaba por code review, CI/CD y QA antes de producción, con puertas de validación estrictas y los procesos definidos del banco que cumplir. Los servicios de backend ya existían, así que el frontend tenía que trabajar con sus contratos — no al revés.

Arquitectura

Construí las interfaces en Angular a partir de los diseños UX/UI e hice funcionar los flujos de negocio de extremo a extremo. La consistencia, la validación de datos y el manejo de estado se trataron como preocupaciones de primera clase — en software bancario no son pulido, son el producto. Mantener consistente un frontend grande se redujo a componentes reutilizables y estándares aplicados en todas partes.

Implementación

Los flujos se conectaron a los servicios de backend existentes, de extremo a extremo. Cuando el frontend necesitaba datos que la API no exponía bien, colaboré en mejoras de backend/API en lugar de forzar workarounds en la UI — arreglando los problemas en la capa que era dueña de ellos.

Lecciones

Trabajar con estándares de grado bancario — review, CI/CD, QA, puertas de validación estrictas — subió permanentemente mi listón de lo que significa “listo para producción”. Y construir una aplicación grande desde cero bajo esas restricciones me enseñó que la arquitectura frontend disciplinada y consistente no es sobrecosto en software regulado; es la diferencia entre entregar y no entregar.

↑↓ navegar · abrir · esc cerrar