Sergio Martín Alonso - Senior Frontend Developer

SergioMartínAlonso

:: SENIOR_FRONTEND_DEVELOPER
Download CV

Frontend developer with more than 10 years of experience, but previously designed buildings. Studied Architecture, which taught me to design with aesthetic judgment, to care about every visual detail, and to understand that what you see matters just as much as what lies behind it. When I discovered web development, everything clicked: I had been programming for years because I enjoyed creating with logic and building things that solved real problems. Bringing those two ways of thinking together is what defines how I work today.

Currently a Senior Frontend Developer specialized in Angular and TypeScript at Accenture, developing with AEM for international clients, with experience leading a frontend team. Care as much about clean code as about the final product making sense to the user. When code is well written, it shows: pages load faster, scale better, and are much easier to maintain.

Looking for teams where things are built with intention, where there is real learning, and where frontend is treated with the same level of seriousness as the rest of the product.

0+
Professional Experience
0+
Years Building Web Projects
0+
Web Projects Delivered
0+
Production Technologies

Technical Skills

HTML / CSS

Over a decade building interfaces from scratch: semantic HTML5 markup, advanced CSS animations and transitions, responsive design with Grid and Flexbox, and web accessibility (WCAG). Experience optimising render performance, using CSS custom properties for dynamic theming, and building coherent visual component systems in large-scale projects.
Exp:
14 years
Keywords:
HTML5, CSS3, Flexbox, CSS Grid, Responsive design, CSS animations, CSS variables, WCAG, BEM, Web Components, Media queries, Pseudo-elements, Keyframes

SCSS / LESS

Proficient in CSS preprocessors for maintaining scalable and maintainable styles in long-running projects. Advanced use of variables, parameterised mixins, functions, controlled nesting and modules. Defining style architectures based on methodologies such as ITCSS or the 7-1 pattern, ensuring visual consistency and ease of maintenance across multidisciplinary teams.
Exp:
6 years
Keywords:
SCSS, LESS, Mixins, Variables, Nesting, Functions, Partials, ITCSS, 7-1 pattern, Modules, Theming, Maps

JavaScript

Strong foundation in modern JavaScript from ES6 onwards: asynchronous programming with Promises and async/await, efficient DOM manipulation, design patterns (module, observer, factory), advanced closures and scope. Experience integrating REST APIs and WebSockets, optimising performance with debounce/throttle and lazy loading, and building complex business logic on the client side without unnecessary dependencies.
Exp:
14 years
Keywords:
ES6+, Async/Await, Promises, Event Loop, Closures, DOM API, Fetch API, WebSockets, ESM modules, Destructuring, Spread/Rest, Proxy, Iterators, Generators, Lazy loading

TypeScript

TypeScript adopted as the standard in Angular and Node.js projects to improve code robustness and the team development experience. Use of advanced types, interfaces, generics, decorators and utility types to correctly model each application's domain. Strict tsconfig configuration and definition of shared types between frontend and backend to ensure solid contracts between layers.
Exp:
6 years
Keywords:
Static typing, Interfaces, Generics, Decorators, Union types, Intersection types, Utility types, Enums, Type guards, Mapped types, Strict mode, Declaration files

Angular

Primary working stack for the past six years, with experience across Angular versions 8 through 19+. Development of complex SPAs with modular architecture, lazy loading and code splitting to optimise load times. Reactive state management with RxJS and signals, component communication, HTTP guards and interceptors. Integration with Angular Material, creation of reusable component libraries, and technical leadership of frontend teams on international projects with AEM and Magnolia CMS.
Exp:
6 years
Keywords:
Angular CLI, RxJS, Signals, Lazy loading, Guards, Interceptors, NgRx, Two-way binding, Change detection, Standalone components, Pipes, Directives, Angular Material, Modules, Resolvers, SSR, Angular Universal

React

Introductory knowledge of React aimed at understanding the ecosystem and being able to collaborate with teams that use it. Handling of functional components, basic hooks (useState, useEffect) and local state management. Ability to read, maintain and extend existing React code with sound judgement, supported by a strong JavaScript and TypeScript foundation.
Exp:
1 years
Keywords:
JSX, Hooks, useState, useEffect, Props, Functional components, Virtual DOM, Context API

PHP

Ten years developing backend solutions in PHP, mainly for personal projects and clients: REST APIs, member management systems, payment gateways (Stripe, Redsys) and content platforms. Experience with object-oriented PHP, session management and authentication, integration with MySQL and Firebase, and deployment on VPS servers and Google Cloud. Ability to maintain and scale legacy PHP projects without frameworks.
Exp:
10 years
Keywords:
PHP 8, OOP, REST APIs, Payment gateways, Authentication, PDO, Composer, Sessions, Cron jobs, cURL, Webhooks, MySQL integration, JWT, VPS deploy

Node.js

Development of REST APIs with Express for fullstack projects, particularly for the CD Bádminton Valladolid platform and personal projects. Implementation of middleware, JWT authentication, stream and event handling, integration with Firebase and relational databases. Deployment on Google Cloud and Docker containers, with experience automating processes such as notifications, registration management and scheduled tasks.
Exp:
6 years
Keywords:
Express, REST API, JWT, Middleware, Streams, Event Emitter, npm, dotenv, Nodemon, PM2, Cloud Functions, Firebase Admin SDK, CORS, Rate limiting

Spring Boot

Introduction to backend development with Java through Spring Boot, acquired during the Web Application Development programme. Creation of basic REST services, understanding of dependency injection, Spring annotations and Maven project structure. A starting point for projects requiring interoperability with Java enterprise environments.
Exp:
1 years
Keywords:
Java, Spring MVC, REST Controllers, Dependency injection, Maven, Annotations, Basic JPA

MySQL

Design and maintenance of relational databases in real projects with active users for over a decade. Normalised schema modelling, complex queries with multiple JOINs, subqueries and aggregation functions. Index optimisation for frequent queries, transaction management and referential integrity control. Experience integrating MySQL with PHP and Node.js in production environments.
Exp:
10 years
Keywords:
SQL, JOINs, Subqueries, Indexes, Transactions, Normalisation, Views, Stored Procedures, Foreign Keys, GROUP BY, Window Functions, Backup / Restore, phpMyAdmin

MongoDB

Use of MongoDB as a document database in projects where schema flexibility adds value, particularly in combination with Firebase and Node.js. Document modelling, basic queries and aggregation pipelines. Understanding of the differences between relational and document databases to choose the right tool based on the problem domain.
Exp:
1 years
Keywords:
NoSQL, Documents, Collections, Aggregation pipeline, Mongoose, ObjectId, Indexes, Lookup, $match / $group

Docker

Using Docker to containerise fullstack applications and simplify deployment across different environments. Creation of Dockerfiles for Node.js, PHP and Angular services, orchestration of multiple services with Docker Compose, and management of volumes and networks. Integration into basic CI/CD workflows and deployment on Google Cloud.
Exp:
2 years
Keywords:
Dockerfile, Docker Compose, Images, Containers, Volumes, Networks, Docker Hub, Multi-stage builds, Entrypoint, Env vars, CI/CD, Cloud Run

Google Cloud

Ongoing use of Google Cloud Platform as deployment infrastructure for personal projects over more than six years. Deploying Node.js and Angular applications on App Engine and Cloud Run, using Cloud Functions for serverless automations, managing storage on Cloud Storage, and configuring custom domains and SSL certificates. Integration with Firebase for authentication and real-time database.
Exp:
6 years
Keywords:
App Engine, Cloud Run, Cloud Functions, Cloud Storage, Firebase hosting, IAM, gcloud CLI, Serverless, Custom domains, SSL, Scheduler, Pub/Sub basics

Firebase

Integrating Firebase as a backend-as-a-service in personal projects to speed up development. User authentication with email, Google and custom tokens, Firestore for structured data and Realtime Database for real-time sync. Firebase Hosting for deploying Angular apps with caching and CDN, and Firebase Admin SDK in Node.js for server-side operations.
Exp:
2 years
Keywords:
Firestore, Realtime Database, Authentication, Firebase Hosting, Admin SDK, Security Rules, onSnapshot, Cloud Messaging, Storage, Emulator Suite

Git

Daily use of Git in multidisciplinary teams with structured workflows. Branch management with GitFlow and trunk-based development, conflict resolution in complex merges and rebases, pull request reviews with constructive feedback, and defining commit standards (Conventional Commits). Experience leading branching strategy in projects with multiple developers and continuous delivery cycles.
Exp:
2 years
Keywords:
GitFlow, Trunk-based development, Pull Requests, Code review, Rebase, Cherry-pick, Stash, Tags, Conventional Commits, GitHub, GitLab, Hooks, Merge strategies

Agile / Scrum

Working in agile environments both as a team member and, more recently, leading the frontend team at Serbatic. Active participation in all Scrum ceremonies: sprint planning, daily standups, backlog refinement, reviews and retrospectives. Managing Kanban boards to visualise workflow and identify bottlenecks. Focus on continuous value delivery and ongoing team process improvement.
Exp:
2 years
Keywords:
Scrum, Kanban, Sprint planning, Daily standup, Retrospective, Backlog refinement, User stories, Story points, Velocity, Definition of Done, WIP limits, Burndown chart

Jira

Using Jira as the central project management tool at Serbatic to coordinate frontend team work and communication with international clients. Creating and prioritising epics, stories and subtasks, configuring Scrum and Kanban boards, tracking sprint progress and generating velocity reports. Integration with Git repositories for traceability between commits and tickets.
Exp:
2 years
Keywords:
Epics, User stories, Subtasks, Sprints, Kanban board, Custom workflow, JQL, Filters, Dashboards, Git integration, Releases, Roadmap

Figma

Using Figma both to design and to consume designs as a developer, bringing a genuine understanding of design systems from both sides. User flow prototyping, creation and organisation of components with variants, collaboration on design systems and export of optimised web assets. An Architecture background reinforces the aesthetic judgement applied to every project.
Exp:
10 years
Keywords:
Prototyping, Auto Layout, Components, Variants, Design tokens, Design system, Frames, Inspect, SVG export, Real-time collaboration, Plugins

Illustrator

Proficient in Adobe Illustrator for creating visual identities, logos, graphic material for sports events and vector assets for the web. Applied experience at CD Bádminton Valladolid designing posters, banners and brand elements for over nine years. Combined with Photoshop for complete graphic production workflows.
Exp:
10 years
Keywords:
Vectors, Bezier, Corporate identity, Logos, Typography, Guides & grids, Symbols, Blend modes, SVG / PDF export, Artboards, Image trace

Photoshop

Fifteen years using Photoshop for photo retouching, digital compositing and production of graphic assets for web and events. Working with layers, masks, non-destructive adjustments and automated actions. Applied to creating graphic materials for the badminton club, architecture projects and corporate websites, always maintaining visual consistency with the brand identity.
Exp:
15 years
Keywords:
Layers & masks, Photo retouching, Digital compositing, Non-destructive edits, Smart Objects, Actions, Web export, Colour modes, Filters, Typography, UI assets

AutoCAD

Professional use of AutoCAD during the Architecture training and practice period to produce 2D technical drawings: floor plans, elevations, sections and construction details. Layer management, reusable blocks, dimensions and standardised annotations. This technical background in precise documentation translates today into the attention to detail applied to frontend development and interface visual organisation.
Exp:
10 years
Keywords:
2D drawings, Layers, Blocks, Dimensions, Annotations, Construction details, Layouts, Plot / PDF, Scale, Xrefs, Hatch, Technical documentation

Revit

Introduction to BIM modelling with Autodesk Revit during the Architecture degree, used in academic projects for multidisciplinary coordination. Creation of building models with families, views and associated plans. Understanding of the collaborative BIM workflow and its implications for construction project management.
Exp:
2 years
Keywords:
BIM, Families, Views, Plans, Coordination, Parameters, IFC, Levels, Phases, Basic render

Career Timeline

Academic Records

Higher Technician in Web Application Development

Dates:September 2021 — June 2023
Institution:IES_GALILEO
Location:Valladolid, Spain

High School Diploma — Science Track

Dates:September 2009 — June 2011
Institution:IES_JULIAN_MARIAS
Location:Valladolid, Spain

Bachelor's Degree in Architecture

Dates:September 2014 — June 2019
Institution:UNIVERSIDAD_DE_VALLADOLID
Location:Valladolid, Spain

Performance is not optional. It's structural.

I design and build frontend architectures where performance is a first-class concern. From bundle strategy to rendering optimization, every decision is intentional and measurable.

Download CV
<15s
LCP real
0+
Lighthouse
-0%
Bundle
15
Dependencies

Selected Projects

A selection of the most interesting projects I have developed.

CD Bádminton Valladolid

CDBV

Fullstack web built solo for my own badminton club — from graphic design to online payment integration.

Sports Facility Management Platform

Freelance

Web application bridging users and administrators of a private sports facility: bookings, services and events in one place.

Multinational Insurance Company

Serbatic

Frontend development for the corporate website of an insurer operating in over 50 countries, leading a three-person frontend team.

International Theme Park Group

Serbatic

Frontend for the web portal of a multinational leisure group with parks across several continents, integrated into Adobe Experience Manager.

This Website — Interactive CV

Freelance

Personal portfolio and CV built in Astro, conceived as a showcase of frontend capabilities: performance, accessibility, design, i18n and clean architecture.

  CD Bádminton Valladolid

CDBV
CD Bádminton Valladolid

Performance impact

66
Performance
87
Accessibility
77
BestPractices
77
SEO
1/3
Agentic browsing

A personal project where I take on every role: graphic design, web design, frontend and backend development, database administration, and production deployment.

The platform centralises all public club information and provides a private area for players where they can manage bookings, change schedules, make purchases and customise their profile.

  • Frontend built in Angular with a fully custom design.
  • Backend in Node.js deployed via Firebase Functions.
  • MySQL database on Google Cloud, connected to the backend through Cloud's internal network.
  • Online payments integrated through a payment gateway.
  • Hosted on Firebase for both the frontend and serverless functions.

A real-world exercise in end-to-end fullstack architecture, independently managed and maintained.

Stack & Architecture

Angular
NodeJS
MySQL
Firebase

  Sports Facility Management Platform

Freelance
Sports Facility Management Platform

Performance impact

86
Performance
78
Accessibility
96
BestPractices
54
SEO

Development of a full-featured web platform for a private sports facility, designed to streamline communication between the business and its customers.

Users can rent spaces, hire additional services and browse events, while administrators manage availability and offerings in real time.

  • Backless architecture: all logic and persistence handled through Firebase (Firestore + Auth + Hosting).
  • Frontend built entirely in Angular.
  • Solution designed to minimise infrastructure costs without compromising functionality.

A solid example of designing efficient, cost-effective solutions tailored to real client needs.

Stack & Architecture

Angular
Firebase

  Multinational Insurance Company

Serbatic
Multinational Insurance Company

Performance impact

73
Performance
93
Accessibility
100
BestPractices
92
SEO

Ground-up development of the corporate website for an international insurance company with a presence in over 50 countries and content available in multiple languages.

The project demanded advanced, meticulous CSS work, with extensive animations and fluid transitions to meet the client's high visual standards.

  • Frontend stack: Gulp + Pug + SASS, with JavaScript for interactive features.
  • Integration with Magnolia CMS for content management, including direct work on the platform to ensure a seamless integration.
  • Collaboration with the backend team responsible for CMS configuration.

I served as technical lead of the frontend team — three developers — owning architecture decisions, code reviews, and client communication.

Stack & Architecture

Gulp
Pug
SASS
Magnolia

  International Theme Park Group

Serbatic
International Theme Park Group

Performance impact

48
Performance
81
Accessibility
81
BestPractices
77
SEO

Development and maintenance of the web portal for a large international leisure and theme park group, spanning dozens of parks across multiple countries and served in several languages.

The project combines a public layer built with HTML, JavaScript and LESS, and a private area developed in Angular — all compiled and integrated within Adobe Experience Manager (AEM).

  • Ongoing work with AEM for component integration and publication lifecycle management.
  • Joined the project at an advanced stage, getting up to speed quickly within a complex codebase.
  • Active contribution to both new feature development and production incident resolution.

A live, evolving project with regular releases and high technical standards around performance and cross-browser compatibility.

Stack & Architecture

Angular
LESS
AEM

  This Website — Interactive CV

Freelance
This Website — Interactive CV

Performance impact

100
Performance
100
Accessibility
100
BestPractices
100
SEO
2/2
Agentic browsing

More than a CV, this website is itself a technical and creative project. Fully designed and developed by me, it aims to demonstrate a range of modern frontend skills.

  • Built in Astro as a static site: no UI framework, minimal vanilla TypeScript and clean code principles.
  • Perfect 100/100 Lighthouse scores in performance, accessibility, best practices and SEO.
  • Hosted on Firebase Hosting for fast, cost-effective deployment.
  • Multilingual (i18n) support with Spanish and English translations.
  • Custom visual design with careful attention to typography, animations and composition.

Each section of the site is an opportunity to explore different techniques — from reusable components and state management to visual effects and user experience details.

Stack & Architecture

Astro
TypeScript
SASS
Firebase