Efren
Garivay»

1. 01Frontend Angular▾Aplicaciones Angular que se pueden mantenerAngular, Signals, RxJS

   01 Frontend Angular

   Componentes standalone, signals, RxJS, formularios reactivos y bibliotecas de componentes con diseño atómico. También migraciones entre versiones sin detener al equipo.

   • Flujo completo de onboarding en Angular 17 con componentes standalone.
   • Dashboard rediseñado en cinco componentes compartidos: progreso circular en SVG y stepper con degradados.
   • Formularios dinámicos de inversiones y terceros autorizados con PrimeNG, Tailwind y validadores propios.
   • Biblioteca de componentes atómicos para el cotizador de GNP, usada por todo el equipo.

   Dónde lo hice

   Trafalgar (SOFIPO) y GNP Seguros

   Con qué lo hago

   • Angular
   • TypeScript
   • RxJS
   • PrimeNG
   • Angular Material
   • Tailwind CSS

   Menos código duplicado entre módulos y un bundle más ligero.

   

2. 02Backend y APIs▾Servicios en Java y Spring BootJava, Spring Boot, Microservicios

   02 Backend y APIs

   APIs REST y microservicios en Java y Spring Boot, y también en Node y Express. Escribo el servicio y la pantalla que lo consume, así que hay menos idas y vueltas entre equipos.

   • Microservicios en Java para el portal de servicio y el Contact Center de Banamex, con la integración de punta a punta.
   • Aplicaciones institucionales de INFONAVIT con frontend en Angular y backend en Java 6 y 8.
   • Full stack en Java con GWT sobre Mi Cuenta Infonavit, un portal de alto tráfico.

   Dónde lo hice

   Banamex e INFONAVIT

   Con qué lo hago

   • Java
   • Spring Boot
   • Node.js
   • Express

   

3. 03Bases de datos▾Modelado, administración y reportesSQL Server, T-SQL, SSIS

   03 Bases de datos

   SQL Server con T-SQL, modelado, administración y optimización. SSIS, SSAS y tableros de inteligencia de negocios para dirección.

   • Administré, modelé y optimicé las bases de datos SQL Server de varios portales de INFONAVIT como DBA.
   • Motor de riesgo de deserción y reportes de BI que sustentaron las decisiones de dirección en UNITEC.

   Dónde lo hice

   INFONAVIT y UNITEC

   Con qué lo hago

   • SQL Server
   • T-SQLT-SQL
   • SSISSSIS
   • SSASSSAS

   Medalla Laureate Legends por el mejor resultado histórico en retención de alumnos.

   

4. 04Sesión segura▾Sesiones seguras de verdadJWT, Keycloak, Interceptores

   04 Sesión segura

   JWT y Keycloak, renovación de token sin ráfagas, cierre por inactividad sincronizado y cierre de sesión que no deja puertas abiertas.

   • Interceptor HTTP que comparte una sola renovación entre todas las peticiones con shareReplay.
   • Timeouts por inactividad sincronizados y cierre de sesión al cambiar la visibilidad de la página.
   • Cierre de sesión centralizado en un servicio y corrección de fugas de memoria en suscripciones.

   Dónde lo hice

   Banca

   Con qué lo hago

   • JWT
   • Keycloak
   • RxJS
   • Angular

   Una sola renovación por vencimiento, sesiones estables y menos puntos de falla en la autenticación.

   private refresh$?: Observable<string>;
   
   intercept(req, next) {
     return next.handle(this.conToken(req)).pipe(
       catchError(err => err.status === 401
         ? this.renovarUnaVez().pipe(
             switchMap(t => next.handle(this.conToken(req, t))))
         : throwError(() => err)),
     );
   }
   
   // Todas las peticiones que llegan con 401 esperan la misma renovación
   private renovarUnaVez() {
     this.refresh$ ??= this.auth.refresh().pipe(
       finalize(() => (this.refresh$ = undefined)),
       shareReplay(1),
     );
     return this.refresh$;
   }

   Ejemplo ilustrativo del patrón, no es código de un cliente.

5. 05Calidad y despliegue▾Código que pasa auditoría y llega a producciónJenkins, WAS 9, SonarQube

   05 Calidad y despliegue

   Despliegues de frontend y backend con Jenkins, aplicaciones Java en IBM WebSphere Application Server 9, remediación de vulnerabilidades en SonarQube, ramas controladas en Git y trabajo en Scrum.

   • Piezas de despliegue de frontend y backend en Jenkins para los pases entre ambientes de Banamex.
   • IBM WebSphere Application Server 9 (WAS 9) en INFONAVIT: despliegue de aplicaciones, revisión de logs y creación de recursos, certificados y JNDI.
   • Vulnerabilidades de SonarQube y defectos de ALM corregidos con los estándares de seguridad del banco.
   • Flujo de ramas controlado (feature → dev → QA) con cherry-pick y seguimiento en Jira.

   Dónde lo hice

   Banamex, INFONAVIT y Trafalgar (SOFIPO)

   Con qué lo hago

   • Jenkins
   • WAS 9WAS 9
   • SonarQube
   • Git
   • GitLab
   • Bitbucket
   • Jira
   • Google Cloud

   

• Experiencia

  11+0123456789012345678901234567890123456789+años en TI

  Desde 2014: de los datos y las plataformas educativas a la banca.

• Frontend

  601234567890123456789años con Angular

  De la versión 6 a la 22, con la que está hecho este sitio.

• Full stack

  301234567890123456789capas

  Frontend, backend y datos.

• Sectores

  401234567890123456789sectores

  Banca, seguros, vivienda y educación.

[ Logros ]

1. 01

   UNITEC, 2018 – 2020

   Medalla Laureate Legends

   Mejor resultado histórico en retención de alumnos de nuevo ingreso, al frente de la estrategia de seguimiento y acompañamiento.

2. 02

   Trafalgar (SOFIPO), 2024 – hoy

   Onboarding de punta a punta

   El flujo completo de apertura de cuentas y banca empresarial en Angular 17: más fácil de mantener y con un bundle más ligero.

3. 03

   Banamex, 2022 – 2024

   Herramientas de uso diario

   Componentes y widgets que los agentes del Contact Center usan todos los días, con sus microservicios en Java.

4. 04

   GNP Seguros, 2024

   Biblioteca de componentes

   Componentes con diseño atómico que reutiliza todo el equipo del sitio de cotización.

Cómo trabajo

Del sprint al despliegue, en cuatro pasos.

1. 

   Planeo

   Sprints en Scrum, con dailys y seguimiento en Jira.

   01
2. 

   Construyo

   La aplicación en Angular, los servicios en Java y Spring Boot y los datos en SQL Server.

   02
3. 

   Reviso

   Ramas controladas (feature → dev → QA) y vulnerabilidades corregidas en SonarQube.

   03
4. 

   Despliego

   Piezas de despliegue en Jenkins y aplicaciones Java en WebSphere 9 para pasar entre ambientes.

   04

• ¿Eres frontend o backend?

  Las dos cosas: Angular en el frente, Java y Spring Boot o Node en los servicios, y SQL Server en los datos.

• ¿Trabajas de forma remota?

  Sí, desde el Estado de México.

• ¿Qué versiones de Angular manejas?

  De la 6 a la 22, incluidas las migraciones entre versiones.

• ¿Hablas inglés?

  Intermedio (B1), con lectura técnica fluida.

• ¿Cómo te contacto?

  Escríbeme a egarivay2@gmail.com.