Senior Frontend Engineer

César GarcésArquitectura Frontenda Escala

Construyo sistemas frontend escalables, performantes y mantenibles.8+ años de experiencia liderando equipos y definiendo estándares en aplicaciones de alto impacto.

Contactar
8+
Años de Experiencia
20+
Proyectos Liderados
5+
Equipos Formados

Sobre

Con más de 8 años de experiencia como Frontend Engineer, he dedicado mi carrera a construir aplicaciones web y móviles que no solo funcionan, sino que escalan y perduran.

Mi enfoque combina arquitectura limpia con performance y experiencia de usuario. He liderado equipos en la construcción de sistemas de e-commerce que manejan millones de transacciones, dashboards en tiempo real para toma de decisiones críticas, y aplicaciones móviles con millones de usuarios activos.

Más allá del código, me especializo en definir estándares, establecer prácticas de testing, y crear sistemas de observabilidad que permiten a los equipos construir con confianza y escalar con seguridad.

Impacto Medible

Cada decisión técnica está alineada con objetivos de negocio y métricas de éxito.

Liderazgo Técnico

Formo equipos, establezco estándares y creo cultura de excelencia en frontend.

Escalabilidad

Diseño sistemas que crecen sin comprometer performance ni mantenibilidad.

Habilidades y Stack

Tecnologías y herramientas que domino para construir sistemas frontend de clase mundial

Frontend Core

React95%
TypeScript95%
Next.js90%
React Native85%
HTML/CSS95%

Gestión del Estado

Zustand90%
Redux Toolkit90%
Redux Sagas85%
TanStack Query85%

Arquitectura

Clean Architecture90%
Microfrontends85%
Monorepos (Turborepo/Nx)85%
Design Systems85%

Testing y Calidad

Jest90%
React Testing Library90%
Unit Testing90%
E2E Testing75%
Testing Visual - Storybook / Cromatic80%

DevOps y Nube

AWS (CodeCommit/CodeBuild)80%
CI/CD Pipelines85%
Docker80%
Load Balancers75%

Performance y Observabilidad

Performance Optimization90%
Frontend Observability85%
Bundle Optimization85%
Core Web Vitals90%

Experiencia Profesional

Trayectoria construyendo sistemas frontend de alto impacto y escala

Monitoreo Inteligente

Senior Front-end Developer

Oct 2024 - Presente

Escala: Sistema de monitoreo inteligente con arquitectura de microfrontends

  • Implementé componentes UI dinámicos usando slots y genéricos en TypeScript, permitiendo componentes altamente reutilizables y flexibles
  • Desarrollé sistema avanzado de gestión de estado con Zustand, manejando interacciones drag-and-drop, posiciones de ventanas y estados de modales redimensionables
  • Diseñé y optimicé sistema personalizado de pop-ups, permitiendo arrastrar, redimensionar, apilar y estados de activación de ventanas en un entorno UI complejo
  • Integré sistema de notificaciones en tiempo real usando WebSockets y Zustand, asegurando persistencia de estado entre microfrontends
TypeScriptReactZustandWebSocketsMicrofrontends

DoBetter

Senior Front-end Developer

Dic 2023 – Ago 2024

Escala: Múltiples proyectos empresariales con arquitectura cloud-native

  • Configuré aplicaciones en AWS CodeCommit y CodePipeline
  • Configuré integración y despliegue continuo usando arquitectura de contenedores ECS en Fargate para backend y Amplify para frontend
  • Desarrollé 3 proyectos: gestión de usuarios, dispositivos y servicios para clientes; programación de viajes y rutas; y solución para Concha y Toro para calcular envíos óptimos mediante grafos y cálculos
  • Implementé arquitectura escalable con CI/CD automatizado en AWS
ReactTypeScriptAWSCodeCommitCodePipelineECSAmplify

ABA Tech

Team Lead

Oct 2022 – Jul 2023

Escala: Liderazgo técnico y de equipo en proyectos de alto impacto

  • Mentoricé desarrolladores junior, promoviéndolos a posiciones de nivel medio
  • Lideré sesiones de transferencia de conocimiento sobre React Hook Form y React Query
  • Implementé arquitectura para gráficos de datos dinámicos en dashboards de usuarios
  • Propuse e implementé arquitectura de microfrontends y microservicios, liderando equipo de 4 desarrolladores y QA-UX/UI
ReactTypeScriptReact QueryReact Hook FormMicrofrontendsMicroservices

Sofka

Development Consultant

Feb 2021 – Sep 2022

Escala: Aplicaciones empresariales con integración Salesforce y e-commerce

  • Soporte y mejora de aplicación de servicio al cliente, mejorando performance y usabilidad
  • Utilicé React.js con TypeScript, styled components y Formik
  • Creé y soporté páginas web, formularios de contacto y módulos usando HubSpot, Salesforce, HTML5, CSS3 y JavaScript
  • Experiencia con Salesforce Commerce Cloud (SFCC) Frontend Development, construyendo y personalizando storefronts e-commerce usando SFRA, ISML, JavaScript, HTML y CSS
ReactTypeScriptSalesforceSFCCHubSpotFormikStyled Components

IZO

Project Engineer

Mar 2016 – May 2017

Escala: Aplicaciones de experiencia del cliente y comunicación

  • Desarrollé y soporté aplicaciones de medición de experiencia del cliente
  • Coordiné diseño e implementación de diversas aplicaciones, colaborando con project managers y clientes
  • Gestioné configuración de IVR para callbacks en tiempo real vía SMS o email
  • Implementé soluciones de comunicación omnicanal
JavaScriptHTML5CSS3IVRSMSEmail

Halconmedia S.A.S

CTO / Founder

Mar 2016 – Jun 2019

Escala: Startup tecnológica con aplicaciones móviles y web propias

  • Desarrollé aplicaciones móviles y web desde diseño hasta despliegue
  • Utilicé metodologías ágiles como SCRUM y tecnologías como ReactJs, React Native y MeteorJs
  • Construí y mantuve Progressive Web Applications (PWA) aprovechando Service Workers, Web App Manifest y estrategias de caché
  • Lideré desarrollo full-stack de soluciones escalables desde cero
ReactReact NativeMeteorJsPWAService WorkersSCRUM

Proyectos Destacados

Sistemas complejos construidos con arquitectura sólida y enfoque en escalabilidad

Sistema de Monitoreo Inteligente con Microfrontends

Problema

Necesidad de construir un sistema complejo de monitoreo con múltiples ventanas interactivas, drag-and-drop, y gestión de estado distribuida entre microfrontends.

Solución

Arquitectura de microfrontends con componentes dinámicos usando TypeScript generics, sistema de pop-ups personalizado con Zustand para gestión de estado avanzada, e integración WebSockets para notificaciones en tiempo real.

Logros Clave

  • Componentes UI altamente reutilizables usando slots y genéricos en TypeScript
  • Sistema avanzado de gestión de estado con Zustand para drag-and-drop, posiciones de ventanas y modales redimensionables
  • Sistema personalizado de pop-ups con arrastre, redimensionamiento, apilado y estados de activación
  • Notificaciones en tiempo real con WebSockets y persistencia de estado entre microfrontends

Arquitectura

Microfrontends, TypeScript generics, Zustand state management, WebSockets, Component-based architecture

Impacto: Sistema escalable y modular con componentes reutilizables, mejorando tiempo de desarrollo en 40%

TypeScriptReactZustandWebSocketsMicrofrontends

Plataforma Multi-proyecto en AWS con CI/CD

Problema

Necesidad de gestionar múltiples proyectos empresariales (gestión de usuarios/dispositivos, programación de viajes, optimización de envíos) con despliegues automatizados y arquitectura cloud-native.

Solución

Configuración de aplicaciones en AWS CodeCommit y CodePipeline, arquitectura de contenedores ECS en Fargate para backend y Amplify para frontend, con CI/CD automatizado.

Logros Clave

  • Configuración completa de CI/CD en AWS CodeCommit y CodePipeline
  • Arquitectura de contenedores ECS en Fargate para backend y Amplify para frontend
  • Desarrollo de 3 proyectos: gestión de usuarios/dispositivos, programación de viajes/rutas, y optimización de envíos con grafos
  • Solución para Concha y Toro calculando envíos óptimos mediante algoritmos de grafos

Arquitectura

AWS (CodeCommit, CodePipeline, ECS Fargate, Amplify), CI/CD automatizado, Container architecture

Impacto: Despliegues automatizados reduciendo tiempo de release de días a horas, arquitectura escalable cloud-native

ReactTypeScriptAWSCodeCommitCodePipelineECSAmplify

Sistema de Dashboards con Gráficos Dinámicos

Problema

Necesidad de dashboards interactivos con visualización de datos dinámicos, arquitectura escalable y liderazgo técnico de equipo.

Solución

Arquitectura para gráficos de datos dinámicos en dashboards, implementación de microfrontends y microservicios, uso de React Query y React Hook Form para gestión de datos y formularios.

Logros Clave

  • Arquitectura implementada para gráficos de datos dinámicos en dashboards de usuarios
  • Propuesta e implementación de arquitectura de microfrontends y microservicios
  • Liderazgo de equipo de 4 desarrolladores y QA-UX/UI usando React Query, Axios, Context y React Hook Form
  • Sesiones de transferencia de conocimiento sobre React Hook Form y React Query

Arquitectura

Microfrontends, Microservices, React Query, React Hook Form, Axios, Context API

Impacto: Mentoría exitosa promoviendo desarrolladores junior a nivel medio, arquitectura escalable implementada

ReactTypeScriptReact QueryReact Hook FormMicrofrontendsMicroservices

E-commerce con Salesforce Commerce Cloud

Problema

Necesidad de mejorar aplicación de servicio al cliente y construir storefronts e-commerce personalizados con integración Salesforce.

Solución

Mejora de aplicación de servicio al cliente con React.js y TypeScript, desarrollo de storefronts e-commerce usando Salesforce Commerce Cloud (SFCC) con SFRA, ISML, JavaScript, HTML y CSS.

Logros Clave

  • Soporte y mejora de aplicación de servicio al cliente mejorando performance y usabilidad
  • Desarrollo con React.js, TypeScript, styled components y Formik
  • Creación de páginas web, formularios de contacto y módulos usando HubSpot y Salesforce
  • Experiencia con Salesforce Commerce Cloud (SFCC) construyendo y personalizando storefronts e-commerce

Arquitectura

React.js, TypeScript, Salesforce Commerce Cloud (SFCC), SFRA, ISML, HubSpot, Formik, Styled Components

Impacto: Storefronts e-commerce de alto rendimiento, escalables y SEO-friendly, mejorando experiencia de usuario

ReactTypeScriptSalesforceSFCCHubSpotFormikStyled Components

Filosofía de Ingeniería

Principios que guían cada decisión técnica y arquitectónica

Clean Architecture

Separación clara de responsabilidades, capas bien definidas, y dependencias unidireccionales. El código debe ser predecible y fácil de navegar.

  • Separación de concerns (UI, lógica de negocio, datos)
  • Dependency Inversion Principle
  • Feature-based organization
  • Composability sobre herencia

Performance First

La performance no es una optimización tardía, es un requisito desde el diseño. Cada decisión técnica considera su impacto en rendimiento.

  • Code splitting y lazy loading estratégico
  • Optimización de bundle size
  • Core Web Vitals como métricas clave
  • Profiling y monitoring continuo

Mantenibilidad

El código se lee más veces de las que se escribe. Priorizo claridad, consistencia y documentación sobre "clever code".

  • TypeScript estricto para type safety
  • Naming conventions consistentes
  • Documentación inline cuando es necesario
  • Refactoring continuo, no acumulación de deuda técnica

Testing Culture

Los tests no son un checklist, son una herramienta de diseño. Escribir tests primero ayuda a pensar en la API y casos edge.

  • Unit tests para lógica de negocio
  • Integration tests para flujos críticos
  • Testing Library para componentes
  • Cobertura significativa, no solo porcentajes

Developer Experience

Un buen DX acelera el desarrollo, reduce bugs, y mejora la satisfacción del equipo. Inversión en tooling y estándares paga dividendos.

  • Hot reload rápido y confiable
  • Error messages claros y accionables
  • Linting y formatting automatizados
  • Onboarding documentation actualizada

La excelencia en frontend no se trata solo de escribir código que funciona. Se trata de construir sistemas que escalan, que son mantenibles, y que empoderan a los equipos para construir con confianza.

Contacto

¿Interestado en colaborar? Estoy abierto a oportunidades en Big Tech y startups de alto crecimiento.

Conectemos

Estoy disponible para conversaciones sobre arquitectura frontend, liderazto técnico, o oportunidades de colaboración. No dudes en contactarme.

Pregúntale a César

Hazme cualquier pregunta sobre mi experiencia, tecnologías que uso, o proyectos. Responderé como si fuera yo mismo.