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
