Foto de Jhon

Jhon F.
Berrio

Frontend Tech Lead

Profile

Frontend Tech Lead specializing in Vue, Nuxt, frontend architecture, developer experience, and AI-assisted engineering workflows. I lead frontend teams, define technical direction, improve delivery systems, and partner with product teams to turn ambiguous needs into scalable software solutions.

work Work Experience

Frontend Tech Lead at 8020REI, May 2024 - Present

Lead the frontend team and define technical direction for frontend and full-stack initiatives. Created a new Nuxt frontend and led the migration of product modules. Built a full-stack platform from scratch with Nuxt and FastAPI — database modeling, API architecture, and deployments on AWS (EC2, Lambda, Amplify) — and integrated third-party vendors for payments and direct mail. Defined the design system: reusable components, UX patterns, and implementation standards, with technical guardrails for AI coding agents to enforce consistency and reuse. Built AI-assisted development workflows (reusable skills, shared context, agent structures) applied across architecture, implementation, testing, and documentation. Partnered with product on solutions and trade-offs. Automated code quality, testing, semantic versioning, and deployments with GitHub Actions; implemented observability and analytics.
  • Vue
  • Nuxt
  • TypeScript
  • Claude
  • Codex
  • Kimi
  • OpenCode
  • Python
  • FastAPI
  • EC2
  • Lambda
  • S3
  • Amplify
  • PostgreSQL
  • Cloudflare
  • Vitest
  • GA4
  • Rollbar
  • Heap
  • Semantic Release
  • GitHub Actions
  • CI/CD
  • Vite
  • Design System
  • Payments

Senior Frontend Developer at La Haus, April 2022 - April 2024

Developed public views using Vanilla JavaScript and Ruby on Rails, with focus on performance, SEO, accessibility, and traceability. Designed, developed, and deployed web apps using NuxtJS and VueJS. Updated JavaScript dependencies and adjusted bundles with Webpack and Vite to improve site performance. Designed the technical foundation of the design system with Vue, Storybook, JavaScript and CSS linters, Semantic Release for automatic versioning, and GitHub workflows to automate testing, version generation, and NPM publishing. Integrated monitoring, observability, and traceability tools across frontend and backend systems, including Google Analytics, Segment, Heap, and Hotjar.
  • Vue
  • Nuxt
  • JavaScript
  • TypeScript
  • Vitest
  • Datadog
  • GA4
  • Storybook
  • Semantic Release
  • Segment
  • Heap
  • Hotjar
  • Vite
  • Webpack
  • Ruby on Rails
  • SEO
  • NPM

Mid Full-stack Developer at La Haus, May 2019 - April 2022

Developed the platform search engine and recommendation system using Vue, Algolia, InstantSearch, and Ruby on Rails. Migrated views from Ruby on Rails to NuxtJS. Developed and implemented a server-side rendered frontend with NuxtJS, including style and JavaScript linters, tests, repository configuration, Heroku setup with buildpacks, environment variables, plugins, review apps, staging and production environments, Rollbar and Datadog observability services, and traceability integrations.
  • Vue
  • Nuxt
  • JavaScript
  • Ruby on Rails
  • Algolia
  • Heroku
  • Rollbar
  • Datadog

Junior Full-stack Developer at La Haus, November 2018 - May 2019

Developed administrative platform views using VueJS for the frontend and Ruby on Rails for the backend.
  • Vue
  • Nuxt
  • JavaScript
  • Ruby on Rails
  • PostgreSQL
Foto de Jhon

Jhon F.
Berrio

Frontend Tech Lead

Sobre mi

Frontend Tech Lead especializado en Vue, Nuxt, arquitectura frontend, experiencia de desarrollo y flujos de ingeniería asistidos por IA. Lidero equipos frontend, defino dirección técnica, mejoro sistemas de entrega y acompaño a producto para convertir necesidades ambiguas en soluciones de software escalables.

work Experiencia laboral

Frontend Tech Lead en 8020REI, Mayo 2024 - Actualidad

Lidero el equipo de frontend y defino la dirección técnica de las iniciativas frontend y full-stack. Creé un nuevo frontend en Nuxt y lideré la migración de los módulos de producto. Construí una plataforma full-stack desde cero con Nuxt y FastAPI — modelado de base de datos, arquitectura de API y despliegues en AWS (EC2, Lambda, Amplify) — e integré proveedores externos para pagos y correo directo. Definí el design system: componentes reutilizables, patrones de UX y estándares de implementación, con reglas técnicas para agentes de codificación con IA que garantizan consistencia y reutilización. Construí flujos de desarrollo asistidos por IA (skills reutilizables, contexto compartido, estructuras de agentes) aplicados en arquitectura, implementación, pruebas y documentación. Acompaño a producto en la definición de soluciones y trade-offs. Automaticé calidad de código, pruebas, versionado semántico y despliegues con GitHub Actions; implementé observabilidad y analítica.
  • Vue
  • Nuxt
  • TypeScript
  • Claude
  • Codex
  • Kimi
  • OpenCode
  • Python
  • FastAPI
  • EC2
  • Lambda
  • S3
  • Amplify
  • PostgreSQL
  • Cloudflare
  • Vitest
  • GA4
  • Rollbar
  • Heap
  • Semantic Release
  • GitHub Actions
  • CI/CD
  • Vite
  • Design System
  • Payments

Senior Frontend Developer en La Haus, Abril 2022 - Abril 2024

Desarrollé vistas públicas usando Vanilla JavaScript y Ruby on Rails, con foco en performance, SEO, accesibilidad y trazabilidad. Diseñé, desarrollé y llevé a producción web apps usando NuxtJS y VueJS. Actualicé dependencias de JavaScript y realicé ajustes de bundles con Webpack y Vite para mejorar el performance del sitio. Diseñé la base técnica del design system con Vue, Storybook, linters de JavaScript y CSS, Semantic Release para versionado automático y workflows de GitHub para automatizar pruebas, generación de versiones y publicación en NPM. Integré herramientas de monitoreo, observabilidad y trazabilidad para frontend y backend, incluyendo Google Analytics, Segment, Heap y Hotjar.
  • Vue
  • Nuxt
  • JavaScript
  • TypeScript
  • Vitest
  • Datadog
  • GA4
  • Storybook
  • Semantic Release
  • Segment
  • Heap
  • Hotjar
  • Vite
  • Webpack
  • Ruby on Rails
  • SEO
  • NPM

Mid Full-stack Developer en La Haus, Mayo 2019 - Abril 2022

Desarrollé el buscador y el sistema recomendador de la plataforma usando Vue, Algolia, InstantSearch y Ruby on Rails. Migré vistas desde Ruby on Rails hacia NuxtJS. Desarrollé e implementé un frontend con renderizado del lado del servidor en NuxtJS, incluyendo linters de estilos y JavaScript, pruebas, configuración de repositorio, configuración de Heroku con buildpacks, variables de ambiente, plugins, review apps, ambientes de staging y producción, servicios de observabilidad con Rollbar y Datadog, y servicios de trazabilidad.
  • Vue
  • Nuxt
  • JavaScript
  • Ruby on Rails
  • Algolia
  • Heroku
  • Rollbar
  • Datadog

Junior Full-stack Developer en La Haus, Noviembre 2018 - Mayo 2019

Desarrollé vistas administrativas de la plataforma usando VueJS para el frontend y Ruby on Rails para el backend.
  • Vue
  • Nuxt
  • JavaScript
  • Ruby on Rails
  • PostgreSQL