Front-end development

Front-End Developer in Mexico City

I build the part of a website that people actually use: interfaces, landing pages and components in React, Next.js and Astro, written to be fast, responsive and easy for other people to update.

What I build

Components and interfaces

React components for compliance content, casino and game rules, and promo codes at 10Bet Latam, plus custom sections and components for Shopify stores.

Landing pages at scale

More than 30 landing pages for Mexico, Africa and Europe in HTML, CSS and JavaScript, and landing pages for ecommerce clients such as Palmer’s.

Content that is updated once

Terms and conditions centralized in a Node.js API so a change is made in one place instead of on every page, and HTML email templates for weekly campaigns and for the launch of 10Bet Mexico’s online casino.

Tools for other developers

At HSBC I built a JavaScript Chromium extension for DOM searches, saved item paths and checking the development and quality-control steps of each ticket. It reduced errors by 80% for a team of 20+ developers, according to monthly audits.

Performance and technical SEO

At Brainfood Marketing I improved load times and Core Web Vitals on WordPress sites with caching, image compression, lazy loading and fewer plugins, and set up Google Analytics 4, Tag Manager, Meta Pixel, Search Console, Open Graph and Twitter Cards metadata, sitemaps and Schema.org JSON-LD.

Scripts for sites I do not control

At Stitchers.Space I deployed vanilla JavaScript (ES6+) ad scripts on high-traffic streaming and niche content sites. I used Chrome DevTools to find stable CSS and XPath selectors and injection points, MutationObserver and asynchronous loading to cope with site changes and conflicts, and tested across browsers and mobile devices.

Where I have done this

  • 10Bet LatamMid Front-End Developer

    React components, 30+ landing pages and the HTML email templates for a casino launch, with shared content managed on an AWS-hosted server.

  • Industria SocialLead Web Developer

    Sites built with Astro, React, Next.js, TypeScript, Tailwind and Webflow, and high-traffic Shopify stores in Liquid, HTML, CSS and JavaScript, while leading a three-person team.

  • HSBCWeb Production Manager

    Contributed to Innovation Banking development, QC and deployment for Singapore, India and Indonesia with Sitecore and HTML, and project administration in Monday.com.

  • ApplabmxShopify Developer

    Five Shopify stores with themes from scratch: filters, search, cart, variants and custom sections, built with performance and technical SEO in mind.

  • Stitchers.SpaceJavaScript Developer

    JavaScript and TypeScript ad scripts, HTML inspection with DevTools, positioning through CSS selectors and ad placement QA.

  • Brainfood MarketingWordPress Developer

    WordPress sites customized with CSS and JavaScript, plus performance work and the analytics and technical SEO setup.

View experience

Selected work

2019 — 2026See all case studies

  • Current HSBC Innovation Banking Singapore homepage with regional navigation and main banner
    HSBC Innovation BankingSitecore · Development, QC and deployment · 2024–2026
  • Chromium extension popup with the Ticket QC and Doc Search tabs
    HSBC · Chromium extensionTicket QC tool · 2025
  • Current De Leña Pizzas homepage with navigation and a pizza photograph
    De Leña PizzasAstro and dynamic menu · 2021–2025
  • Retro computers and game consoles, illustrating the Stitchers.Space case study
    Stitchers.SpaceJavaScript · TypeScript · 2024
  • Compliance pages, landing pages and email templates for 10Bet Latam
    10Bet LatamCompliance pages and email · 2022–2023
  • Instituto Politécnico Nacional shield
    COFAA · Service deskWeb ticket management · 2019–2022
  • Instituto Politécnico Nacional shield
    COFAA · Code of ConductWeb acknowledgment system · 2019–2022
  • Instituto Politécnico Nacional shield
    COFAA · TransparencyWeb document portal · 2019–2022
  • COFAA-IPN institutional website migration to MODX
    COFAA-IPNMODX migration · 2019–2020

Skills18 skills · 4 areas

Stack

Click or tap a skill to explore the related roles and their documented dates.

Languages and markup

Frameworks and libraries

Platforms

Tools

Inspector

Estimated from the duration of related roles, counting overlapping months only once. The bars show job periods, not continuous use of a tool.

Review my CV

How I work

  • I deliver in Scrum sprints, with QA and corrections included in each delivery rather than added afterwards.
  • I coordinate with international design, marketing and development teams and keep every change versioned in Git.
  • I build with performance and technical SEO in mind from the first template.

Front-end

Questions about my front-end work.

Which front-end technologies do I use?

React and Next.js for applications, Astro for content sites, TypeScript, Tailwind CSS and Sass for styling, and Liquid for Shopify storefronts. I have also worked with Webflow, WordPress and Sitecore.

Have I worked on large or high-traffic sites?

Yes. At HSBC I handled around 60 tickets a month across more than 30 enterprise banking sites, and at Industria Social I built and managed high-traffic Shopify stores for ongoing accounts such as Original Penguin.

Do I only work on the front end?

No. I also write back-end code, including Node.js APIs, PHP and SQL databases, which is why I describe myself as a full-stack developer too. The full-stack page covers that work.

Can I help improve an existing site instead of starting from scratch?

Yes. At Industria Social I maintained ongoing client accounts as well as delivering new projects, and at HSBC my work was implementing changes across sites that were already live.

Do I work on performance and Core Web Vitals?

Yes. I have improved load times and Core Web Vitals with caching, image compression, lazy loading and fewer plugins, and I build templates with performance in mind from the start.

Development profiles

Let’s talk

Tell me about the project or the role.

I consider full-time roles, freelance projects and contract work with agencies or development teams. A short summary of the goal and the scope is enough to start.