Proyectos

Lo que empezó como un rol de ingeniería frontend evolucionó rápidamente hacia algo mucho más exigente. A los dos meses, el Tech Lead abandonó el proyecto, dejando dos SPAs con deuda técnica severa: lógica embebida directamente en los componentes, sin separación de responsabilidades y sin arquitectura clara. En la nueva SPA que ya había empezado a construir de forma independiente, apliqué todo lo del proyecto anterior: Arquitectura Hexagonal, DDD, código limpio y Doc as Code. Construí scaffolding reutilizable para toda la unidad de negocio de ~20 ingenieros, incorporé a dos desarrolladores junior en la nueva arquitectura, escribí documentación completa y lideré la dirección técnica del frontend. Más allá de la arquitectura, asumí todas las responsabilidades de Tech Lead: liderar ceremonias Scrum, refinar y estimar trabajo, alinearme con UX/UI, comunicarme directamente con el cliente, apoyar al equipo de QA en problemas de pipelines y revisión de casos de prueba, gestionar guardias de despliegue y representar la perspectiva frontend en reuniones con backend y cliente.

• Heredé dos SPAs con deuda técnica significativa tras la salida inesperada del Tech Lead
• Apliqué Arquitectura Hexagonal y DDD en una nueva SPA — primera vez a escala bancaria
• Construí scaffolding reutilizable adoptado por una unidad de negocio de ~20 personas en múltiples productos

• React
• TypeScript
• Hexagonal Architecture
• DDD
• TanStack Query
• Scrum

Este proyecto fue un punto de inflexión significativo en mi carrera. Construida para los operarios de una conocida marca de dispensadoras, la plataforma gestionaba el reporte de incidencias, chat de soporte interno, tracking en tiempo real y coordinación logística. Más allá del producto en sí, fue aquí donde profundicé en Arquitectura Hexagonal, DDD, principios de código limpio y Doc as Code — aplicándolos en un entorno de producción por primera vez. También asumí un rol más senior: ayudando a desarrolladores junior, tomando ownership de decisiones arquitectónicas, liderando revisiones de código y explicando conceptos técnicos que iban más allá de la tarea inmediata. El uso de TanStack Query me enseñó una forma fundamentalmente diferente de pensar sobre la gestión del estado del servidor.

• Diseñé y construí la plataforma usando Arquitectura Hexagonal y DDD — primera aplicación en producción de estos principios
• Implementé prácticas de Doc as Code: documentación viva alineada con la estructura del código
• Adopté TanStack Query para la gestión del estado del servidor — mejoró significativamente los patrones de fetching

• React
• Tailwind CSS
• TanStack Query
• Hexagonal Architecture
• DDD
• Unit Testing

Me incorporé a un proyecto para una importante empresa textil para construir una plataforma SaaS de logística diseñada para que los operarios de almacén hicieran seguimiento de envíos de camiones, gestionaran cantidades y monitorearan flujos de pedidos. Construí un gran conjunto de componentes y flujos de dashboard completos conectados a APIs en vivo. Durante este proyecto también exploré el desarrollo móvil — configurando Android Studio y haciendo correcciones en Kotlin/Java — antes de que el cliente decidiera pasar a solo Android. En lugar de seguir una dirección que no se alineaba con mi enfoque web, decidí seguir adelante. La experiencia me dio una fuerte intuición de producto SaaS y una comprensión más profunda del diseño de UI orientado a datos.

• Construí un dashboard SaaS completo con flujos de datos complejos conectados a APIs de logística en vivo
• Diseñé e implementé UI para operarios de seguimiento de envíos y gestión de inventario
• Configuré Android Studio e hice correcciones en Kotlin/Java antes de que el cliente pivotara a solo móvil

• React
• Redux
• Sass
• REST APIs
• Android Studio
• Kotlin

Con la tarea de construir una librería de componentes completa para una importante aseguradora, empecé desde cero: configurando Webpack, resolviendo los desafíos de integración con un stack legacy que ejecutaba Node 10 y componentes React basados en clases, y diseñando una API de componentes que funcionara entre bases de código antiguas y nuevas. A pesar de contar nominalmente con el apoyo de un equipo de 15 personas en otros productos, trabajé completamente solo. Tuve que autodefinir tareas, escribir mis propias especificaciones, hacer refinamientos, estimar esfuerzo y tomar decisiones de UX de forma independiente después de que la UX Lead se fuera de baja a mitad del proyecto. Entregué la librería con documentación completa en Storybook y una migración de un flujo de producto existente. Dejé el proyecto poco después debido a malas prácticas de ingeniería y ética del cliente.

• Entregué una librería de componentes completa — desde la configuración de Webpack hasta la documentación en Storybook
• Resolví desafíos de integración complejos con un stack legacy: Node 10, React antiguo, class components
• Gestioné de forma autónoma todo el ciclo de vida del proyecto: definición de tareas, refinamiento, estimación y entrega

• React
• Storybook
• Tailwind CSS
• CSS
• Webpack
• RTL

Tras completar mi propia certificación de frontend en Coderhouse, me invitaron a quedarme como Tutor Técnico. En lugar de solo corregir tareas, fui mucho más allá: construí y moderé una comunidad de aprendizaje activa en Discord, realicé sesiones de código en vivo y compartición de pantalla transmitidas por Twitch, lideré debates técnicos sobre temas que el curso no cubría y produje contenido de aprendizaje complementario. Esta experiencia fue fundamental para cómo abordo la mentoría hoy — con claridad, estructura y un enfoque en el crecimiento a largo plazo más que en simplemente completar el ejercicio.

• Completé múltiples proyectos de certificación frontend cubriendo HTML, CSS, JavaScript y React
• Construí y moderé una comunidad de Discord que se convirtió en un espacio activo de aprendizaje entre pares
• Realicé sesiones de código en vivo y pantalla compartida vía Twitch — expliqué conceptos no cubiertos en el currículo

• JavaScript
• React
• HTML5
• CSS3
• Discord
• Twitch

Desarrollé un conjunto de boilerplates listos para producción para una empresa que buscaba acelerar la entrega para sus clientes. El trabajo implicó construir componentes React reutilizables y sistemas de layout basados en Tailwind que pudieran adaptarse rápidamente por cliente. El entorno era de alta presión con liderazgo técnico deficiente — lo que, irónicamente, aceleró mi aprendizaje. Tuve que depurar problemas complejos de componentes de forma independiente, navegar requisitos poco claros y desarrollar criterio sobre cuándo dar marcha atrás. Una experiencia definitoria para entender tanto React en profundidad como la forma en que las dinámicas de equipo disfuncionales afectan la calidad de la ingeniería.

• Construí una librería de componentes React reutilizables y plantillas de layout con Tailwind CSS
• Desarrollé de forma independiente bajo presión con mínima orientación de ingenieros senior
• Obtuve experiencia práctica profunda con arquitectura de componentes React y patrones de estado

• React
• Tailwind CSS
• JavaScript
• HTML5
• CSS3

Uno de mis primeros proyectos reales — construido de forma colaborativa con un compañero mientras aún estudiaba. Diseñamos y desarrollamos una solución e-commerce completa desde cero, cubriendo el ciclo de vida completo del producto: registro de clientes, gestión de pedidos, seguimiento de stock y un panel de administración. A pesar de usar un stack que hoy se consideraría legacy, la experiencia me expuso a la complejidad real de entregar algo de extremo a extremo para un cliente real. Fue aquí donde entendí por primera vez lo que significa ser dueño de un producto en lugar de solo escribir código.

• Construí el flujo completo de e-commerce: catálogo de productos, carrito, checkout y gestión de pedidos
• Diseñé e implementé un sistema de gestión de stock e inventario
• Gestioné los requisitos del cliente directamente — primera exposición a la comunicación con stakeholders

• PHP
• HTML5
• CSS3
• Bootstrap
• JavaScript
• MySQL