Javier Garcia

Ingeniero en Sistemas con más de 7 años de experiencia como Frontend Developer, especializado en React, Next.js, y TypeScript. He liderado proyectos enfocados en la optimización de rendimiento (Core Web Vitals), arquitectura escalable con Micro Frontends, pruebas E2E con Cypress y gestión de estado avanzada con Redux Toolkit y Zustand. Apasionado por la mejora continua, desarrollo limpio y accesibilidad web.

Frontend Software Engineer NDS Cognitive Labs Enero/2025 - Actualidad 
Encabecé el desarrollo Front End de una aplicación interna para la gestión de órdenes, diseñada para optimizar procesos operativos dentro una empresa nacional. Entre las principales tareas y decisiones técnicas destacan Arquitectura del proyecto:

• Definí la estructura base utilizando Next.js 14 con el nuevo App Router, aprovechando parallel routes para construir una aplicación altamente dinámica y modular.
• Estilos y componentes: Implementé TailwindCSS junto con shadcn/ui para desarrollar una librería de componentes reutilizables, garantizando consistencia visual y escalabilidad en toda la interfaz.
• Tipado robusto: Utilicé TypeScript y Zod para establecer un tipado estricto del estado global, así como para validar de forma segura los payloads y respuestas de las peticiones REST.
• Manejo del estado global: Estructuré el estado de la aplicación usando Zustand, aplicando el patrón de slices para segmentarlo por pantallas, facilitando el mantenimiento y la escalabilidad del código.
• Gestión de datos y caché: Incorporamos React Query para optimizar la gestión del caché de datos, mejorar el rendimiento y reducir llamadas innecesarias a la API.
• Calidad de código: Se integró Biome como herramienta de formateo y análisis estático para garantizar un código limpio, consistente y libre de errores comunes durante el desarrollo.
   

Frontend Developer OCC Octubre/2021- Enero 2025
Participe en diferentes proyectos para el sitio de reclutador con un enfoque en mejorar la experiencia de usuario y optimizar el rendimiento de aplicaciones web. Algunos de los proyectos fueron:

Mejoras en el flujo de procesamiento de pago 

• Arquitectura Micro Front End: Desarrollamos un Micro Front End utilizando Next.js para gestionar de manera independiente la sección del checkout, lo que permitió una mejor escalabilidad y mantenimiento.
• Gestión del estado: Implementamos Redux Toolkit para un manejo centralizado y eficiente del estado de la aplicación. Estilos y tipado: Utilizamos CSS in JS para aplicar estilos dinámicos, mientras que TypeScript aseguró un tipado robusto a lo largo de todo el proyecto.
• Integración de sistemas de pago: Implementamos OpenPay para la tokenización de pagos con tarjeta y PayPal utilizando su REST API, permitiendo una solución de pago segura y eficiente para los usuarios.

Implementación de pruebas E2E con Cypress

• Automatización de pruebas: Implementé Cypress para ejecutar pruebas E2E en el flujo completo de la aplicación, mejorando la confiabilidad del sistema y reduciendo los errores en producción.
• Mejoras en la cobertura de pruebas: Diseñé y ejecuté casos de prueba que abarcan desde la navegación hasta las interacciones más complejas del usuario, asegurando la correcta funcionalidad de la plataforma

Ingeniería en Sistemas Computacionales Tecnológico Nacional de México Campus Culiacán 2012 - 2017