Profile

Cauan Mateos Castell

I'm a
LinkedIn

About Me

Full Stack Web Developer

Frontend Technical Lead with 8+ years building production web applications with React, TypeScript and Next.js. I lead frontend teams and architect fast, accessible, maintainable interfaces that ship measurable product value.

I specialize in frontend performance (Core Web Vitals), design systems and reusable component libraries, automated E2E testing (Playwright), and clear frontend architecture — across e-commerce, SaaS, dashboards and data-intensive internal platforms.

I turn complex data, governance and observability concepts into intuitive, polished user experiences, and pair deep frontend craft with AI-assisted workflows to raise the engineering bar.

Multilingual (ES/EN/PT/CA) and collaborative: I mentor frontend engineers, drive code-review standards and Architecture Decision Records (ADRs), and improve delivery quality through CI/CD and observability.

  • 🎓
    DegreeWeb Applications Development (Escola del Treball, CFGS)
  • 💻
    ExperienceBuilding scalable web apps, optimizing performance and improving delivery quality
  • 🌍
    LanguagesSpanish, English, Portuguese, Catalan
  • 🚀
    Tech FocusNext.js, Node.js, React, and cloud architecture

Facts

Here are some things to know about me.

🌍
4

Languages: English, Portuguese, Spanish, Catalan

📊
7

Years Studying Web Development

⌨️
13.440

Hours Programming

💻
7

Programming Languages

Skills

During my childhood using computers I learned from my father who used to repair computers. With a lot of curiosity over the years and with my degree in Web Development I was able to really learn and develop my skills.

Frontend

Next.js
React
TypeScript
JavaScript
HTML5
CSS3
Sass
Tailwind CSS
Figma
PostCSS
Zustand
Redux
Jest
Vite
Webpack
ESLint
Cypress
Playwright

Backend

Node.js
NestJS
Prisma
Postman
Java
PHP
Symfony
PostgreSQL
MySQL
MariaDB
MongoDB
Swagger/OpenAPI

DevOps & Tooling

Linux
Git
GitHub
GitHub Actions
GitLab
Bitbucket
AWS
Google Cloud
Nginx
Sentry
Jira
Docker

Resume

I started with computers from a young age, mostly because I always loved to ask questions, solve problems and create new things.

Formal Education

Higher Degree in Web Development

2018 - 2021

Institut Escola del Treball

Mechatronic Technical Assistant

2017

Etec Basilides de Godoy

Professional Experience

Wizeline — Client: Inditex (Zara, Bershka, Massimo Dutti, Pull&Bear, etc.)

September 2023 – Present

Next.js, React, TypeScript, proprietary frameworks and libraries

Led frontend efforts and maintained high-traffic libraries used in the e-commerce and two internal products.

Gindumac

January 2022 – September 2023

Next.js, React, TypeScript, Tailwind CSS, NestJS, AWS/GCloud and Auth0

Led frontend architecture and delivery for high-traffic e-commerce rewrites and new platform builds.

Adkomo

January 2021 – March 2022

Next.js (TypeScript, Cypress, Jest), Material UI, Tailwind CSS, Symfony and AWS

Implemented frontend tracking systems, dashboards and reusable components for campaign analytics.

VaDeCity (VaDeBike)

2020 – 2021

React, Vue, Symfony and GCloud

Contributed to smart city solutions, internal systems and dashboards for the renting of electric bikes and scooters.

Generalitat de Catalunya (Parcs i Jardins)

2019

React, Symfony and GCloud

Won a public competition to build a web app for internal operations and maintenance of public parks and gardens in Catalonia (PIJ), still in production to this day.

Human Translation

2018

React, Laravel and Bootstrap

Built and maintained multilingual web solutions for a translation company and internal operations.

Portfolio

Check out some of my work.

Services

Have you ever dreamed of having your own site? You can have your own site from a simple portfolio, blog, to a high end business site with API or an ecommerce. Contact me for more information.

⚙️

Backend Programmer

Building from the ground up new web applications, configuring servers, databases, API, and custom business logic

🎨

Front End Designer

Custom Designs and responsive layouts to look good in every device size

⚡

High Performance

Fast loading sites with high performance and availability! Optimize images, cache and always checking that the computer hosting your site is still online and fast

🔒

Secure your web server

Cybersecurity best practices, security tests, firewalls, WAF, updates and more so you can now sleep in peace from hackers

📧

Business Email

Send emails to all your clients periodically and with analytics to see who opened it and compare which email format has the best results

📱

Responsive

Great looking sites from wide and modern screens to tablets and tiny mobiles

Testimonials

Sandro

"Incredible work."

Sandro

CEO - Humana Tradução

Mayte H.

"Cauan was really thoughtful while helping me clear out my ideas and developing an amazing site for all my needs."

Mayte H.

Freelancer

Marta Recasens

"Thanks for all your knowledge"

Marta Recasens

CEO - Vadecity

Contact

Mat Castell

Contact me for more information.

© Copyright matcastell.com. All Rights Reserved

Cauan Mateos Castell

Software Engineer — Full Stack Developer

📍 Barcelona🔗 linkedin.com/in/cauan-mateos

Professional Profile

Frontend Technical Lead with 8+ years building production web applications with React, TypeScript and Next.js. I lead frontend teams and architect fast, accessible, maintainable interfaces that ship measurable product value.

I specialize in frontend performance (Core Web Vitals), design systems and reusable component libraries, automated E2E testing (Playwright), and clear frontend architecture — across e-commerce, SaaS, dashboards and data-intensive internal platforms.

I turn complex data, governance and observability concepts into intuitive, polished user experiences, and pair deep frontend craft with AI-assisted workflows to raise the engineering bar.

Multilingual (ES/EN/PT/CA) and collaborative: I mentor frontend engineers, drive code-review standards and Architecture Decision Records (ADRs), and improve delivery quality through CI/CD and observability.

Skills

Frontend Core

TypeScript · JavaScript · React · Next.js · Vite · HTML5/CSS3 · Tailwind CSS · Sass · Figma · Zustand · Redux

Frontend Performance & Quality

Core Web Vitals Optimization · Server-Side Rendering (SSR) · Static Site Generation (SSG) · Caching Strategies · Global Content Delivery (CDN) · Edge Computing · Web Accessibility (WCAG 2.1 AA) · Web Security (OWASP) · Automated E2E Testing (Playwright/Cypress) · Unit & Mutation Testing (Jest)

Frontend Architecture & Design Systems

Design System Architecture · Reusable Component Libraries · Tailwind-based Design Systems · Micro-frontends · System Architecture · Micro-services · Event-Driven Architecture · Domain-Driven Design (DDD) · REST/OpenAPI · GraphQL

Leadership & Product

Frontend Technical Lead · Technical Product Owner (TPO) · Engineering Mentorship · Cross-Functional Leadership · Architecture Decision Records (ADRs) · Agile POD Model · Backlog Refinement · Technical Acceptance Criteria · Stakeholder Management · Developer Experience (DX)

Backend & DevOps (Supporting)

Node.js · NestJS · PostgreSQL · MySQL · MongoDB · Redis · Prisma · CI/CD Pipelines · Infrastructure as Code (IaC) · Containerization · Multi-Cloud Architecture (AWS/GCP) · Telemetry & Observability · SLAs / SLOs / Error Budgets · AI-Assisted Coding · Automated Test Generation

Frontend Highlights

Performance & Core Web Vitals

  • Improved LCP by 40% and organic SEO traffic by 120% via SSR/SSG, caching and edge delivery.
  • Reduced average page load by 48% and conversion improved 14% through image optimization and caching.

Design Systems & Component Libraries

  • Architected micro-frontend platforms with reusable component libraries and a design system, increasing approval throughput 3x.
  • Built a reusable ecommerce frontend framework reused across 5 high-traffic properties and 23 TLDs.

Frontend Quality & Testing

  • Introduced E2E frameworks (Cypress → Playwright) and automated test generation, achieving 80%+ mutation score and full unit coverage.
  • Reduced production incidents by 45% and MTTR by 30% through E2E testing and CI/CD improvements.

Accessibility & UX

  • Applied WCAG 2.1 AA accessibility standards and responsive, mobile-first layouts across products.
  • Drove technical acceptance criteria and design-system consistency to improve developer and user experience.

Data-Intensive & AI Platforms

  • Built complex, data-heavy dashboards and analytics products (marketing tracking, CRM, internal tools) handling hundreds of millions of writes per day.
  • Translate dense data, governance, lineage and observability concepts into intuitive, polished UIs — pairing deep frontend craft with AI-assisted workflows.

Technical Leadership & Mentoring

  • Led cross-functional PODs and frontend teams of 3–4 engineers as Frontend Tech Lead and Technical Product Owner (TPO), defining technical acceptance criteria and aligning execution with product strategy.
  • Mentored frontend engineers, drove code-review standards and Architecture Decision Records (ADRs), improving release confidence and raising the engineering bar.

Developer Experience & Tooling

  • Optimized CI/CD pipelines to cut build times by 25%, enabling stable daily deployments and improving Developer Experience (DX).
  • Automated test generation, commit/PR summarization and documentation with AI assistants to reduce context-switching and speed up reviews.

Performance, Security & Reliability

  • Cut production incidents by 45–60% and MTTR by 30% through E2E testing, Sentry telemetry, observability and CI/CD improvements aligned to SLOs and error budgets.

Experience

Wizeline — Client: Inditex (Zara, Bershka, Massimo Dutti, Pull&Bear, etc.)September 2023 – Present

Frontend Technical Lead / Backend Software Engineer

Next.js, React, TypeScript, proprietary frameworks and libraries

  • Served as Frontend Technical Product Owner (TPO) and Tech Lead for a cross-functional POD of 4 engineers, defining technical acceptance criteria and aligning engineering execution with global product strategy for two internal products used by 100+ brand/country teams.
  • Architected two micro-frontend platforms with reusable component libraries and a design system, increasing approval throughput 3x and cutting decision latency by 40% through real-time metrics and streamlined workflows.
  • Reduced production incidents by 45% and MTTR by 30% by introducing full E2E testing, automated test generation and CI/CD pipeline improvements aligned to SLOs and error budgets.
  • Achieved 80%+ mutation test score, full unit coverage and stable daily deployments; optimized CI/CD pipelines to reduce build times by 25% and improve Developer Experience (DX).
  • Introduced an E2E framework (Modular Cucumber integrated with Cypress → Playwright aligned with our proprietary NextJS fork and proprietary React libraries)
  • Mentored 2 engineers, drove code-review standards and architecture Decision Records (ADRs) improving release confidence.
GindumacJanuary 2022 – September 2023

Frontend Technical Lead

Next.js, React, TypeScript, Tailwind CSS, NestJS, AWS/GCloud and Auth0

  • Led a 3-person team and architected the frontend rewrite of gindumac.com and a new Bevmaq ecommerce, plus an internal CRM/tracking tool using micro-services and Domain-Driven Design (DDD).
  • Migrated to Next.js with Server-Side Rendering (SSR) and Static Site Generation (SSG), improving Core Web Vitals (LCP) by 40% and organic SEO traffic by 120% within months after launch.
  • Reduced build/infrastructure costs by 35% and average page load by 48% through caching strategies, image optimization and edge delivery; conversion rate improved 14%.
  • Cut incidents by 60% through TypeScript, Sentry telemetry and observability and comprehensive E2E tests; established daily deploys and stronger CI/CD pipelines.
  • Built a reusable ecommerce frontend framework supporting 23 TLDs with translated URLs/content and approval workflows, cutting time-to-market for new sites and reused across 5 high-traffic properties.
AdkomoJanuary 2021 – March 2022

Software Engineer

Next.js (TypeScript, Cypress, Jest), Material UI, Tailwind CSS, Symfony and AWS

  • Built frontend tracking systems and dashboards that increased campaign ROI by 22% and reduced reporting latency by 70% using event-driven architecture and caching strategies.
  • Created a library of reusable frontend components and automated tests (Cypress, Jest) reducing regressions by 50% and accelerating delivery across cross-functional teams.
  • Integrated backend tracking and APIs with Symfony and automated deployments to AWS; added observability with Sentry to quickly triage issues and meet SLAs.
  • Designed API versioning and executed complex data migrations into a new database schema to support hundreds of millions of writes per day for marketing analytics (click tracking).
VaDeCity (VaDeBike)2020 – 2021

Software Engineer

React, Vue, Symfony and GCloud

Contributed to smart city solutions, internal systems and dashboards for the renting of electric bikes and scooters.

Generalitat de Catalunya (Parcs i Jardins)2019

Full-stack Developer

React, Symfony and GCloud

Won a public competition to build a web app for internal operations and maintenance of public parks and gardens in Catalonia (PIJ), still in production to this day.

Human Translation2018

Full-stack Developer

React, Laravel and Bootstrap

Built and maintained multilingual web solutions for a translation company and internal operations.

AI-Driven Workflow

Agentic AI-Assisted Development

GitHub Copilot, Copilot Workspace, Cursor, Claude Code, AI code review agents

  • Ship features end-to-end with agentic coding assistants — from spec to tests to deployment — while keeping human review as the quality gate.
  • Automate test generation and E2E suite authoring with AI agents, raising mutation-test coverage to 80%+ and cutting manual test-writing time.
  • Use AI pair-programming for refactors, migrations and boilerplate, freeing time for architecture and code review.
AI in CI/CD & Quality

AI PR reviewers, automated test generation, Copilot in CI

  • Integrated AI-powered PR review and automated test generation into CI/CD, reducing review latency and catching regressions earlier.
  • Leveraged AI to generate and maintain Playwright/Cypress E2E specs aligned with SLOs and error budgets.
AI for DX & Documentation

AI doc generation, ADR drafting, commit/PR summarization

  • Used AI assistants to draft Architecture Decision Records (ADRs), API docs and release notes, improving knowledge sharing and onboarding.
  • Automated commit and PR summarization to keep changelogs accurate and reduce context-switching for reviewers.

Education & Languages

Higher Degree in Web Development — Institut Escola del Treball2018 - 2021
Mechatronic Technical Assistant — Etec Basilides de Godoy2017

Languages: Spanish (Native), Catalan (Native), Portuguese (Bilingual), English (Fluent)