Hey, this is John 👋
Your partner for Crafted Frontend Development. 🚀
From clean code to clean interfaces, this is how I think, build & grow:
🧠 Architecture first: MVVM, Clean Architecture and Microfrontends.
🔍 Curiosity-driven development: I like to understand the big picture.
🧪 Pragmatic mindset: A pragmatic, right-tool-for-the-job mentality.
About
Me
Quick summary about me and some of my skills.
Who I am
Senior Frontend Engineer with +8 years of experience designing and building interactive web applications. I am the person in the middle of frontend architecture, UX/UI, and AI-driven products.
My interest in software development was born from a mix between curiosity and desire to build useful things with a nice UX/UI, I consider myself a generalist engineer focused on frontend development.
Outside of the keyboard, I explore surfing, jazz music, and most of the time hiking on the beautiful mountains of Tenerife, Spain.
Skills
AI: OpenAI API, Pinecone Vector DDBB, Replica, AI SDK.
Infra/Testing: Nginx, Digital Ocean, Jenkins, Github CI/CD, Vitest, Testing Library, Cypress.
Languages: Javascript, Typescript, Python.
Frameworks/Libraries: Vue.js, React, Astro, Next, Nuxt, Tanstack Query.
Architecture: MVC/MVVM, Clean/Hexagonal Arquitecture, Microfrontends.
Principles: TDD, SOLID, DDD.
T-Shaped Generalist Developer
My skillset goes both deep and wide. I dive deep into frontend engineering building thoughtful, accessible, and performant interfaces but I also like to understand whats happening on the backend/infra side, design, product driven thinking and collaborate effectively across disciplines.
This gives me a strategic view and helps me collaborate effectively across disciplines.
Things I've built
A selection of featured projects where the code is just the tip of the iceberg, I keep learning new things and improving my skills.
Things I've documented
A collection of my thoughts, ideas, and experiences in the form of blog posts and articles in the last years of my career.
Partial Hydration en Astro y comparación con Next.js
28 April 2025Exploramos cómo funciona la hydration en Astro, qué es la partial hydration, y en qué se diferencia del enfoque clásico de frameworks como Next.js.
5 Quotes Imprescindibles - The Clean Architecture
13 January 2025Resumen de Clean Architecture de Robert C. Martin y cómo pueden transformar tu forma de diseñar software.
5 Lecciones Inolvidables de The Pragmatic Programmer
2 June 2024Un repaso a algunas de las ideas más potentes y accionables del clásico libro 'The Pragmatic Programmer'.