Selected work

My
Projects

Frontend Development · React & Next.js

2020–2026 · 5 projects

5 Projects
5+ Years active
3 Companies
10M+ Users reached
01 2023–2026

TUDN & Univision Rebranding

Full rebranding of TUDN and Univision — one of the fastest sports media platforms in Latin America. Next.js with SSR significantly improved TTFB. Scalable architecture with React, Tailwind CSS, and Zustand. GraphQL (Relay) connected to CMS-driven content. Unit and E2E testing with Jest and React Testing Library.

  • —Served users in Mexico and the US from a shared codebase
  • —Reduced bundle size and improved maintainability via Zustand architecture
  • —Optimized data fetching with Relay to avoid over-fetching from CMS
Next.js React GraphQL Zustand Tailwind CSS Jest
tudn.com/mx
02 2020–2022

Hyundai Car Configurator

Two generations of car configurators for Hyundai Mexico: the original Gatsby build with 360° panoramic visualization, and a full rebranding with Next.js SSR. Both production deployments for a global automotive brand.

  • —360° and panoramic image visualization integrated via custom library
  • —Rebranding improved UX, filtering logic, and SEO via Next.js SSR
  • —Complex state managed with Redux Toolkit; local storage and AWS integrations
React Next.js Gatsby GraphQL Redux Toolkit Material UI
hmm-byo2.hyundaimotormex-leads.com
03 2022

Portfolio v1

Personal portfolio built with Next.js SSR. Features dark mode, multilingual support (EN/ES), React Context for global state, CSS Modules, an animation library, and a Node.js API for data consumption. Deployed on Vercel.

  • —Multilingual support with language switching via React Context
  • —Node.js API layer for dynamic data consumption
  • —Dark mode with persistent user preference
Next.js React Node.js CSS Modules
abrahamsm.com
04 2020

Movies PWA

Progressive Web App consuming a movies and series API via GraphQL with Apollo. Redux for global state management, favorites persisted in LocalStorage, Reach Router for navigation, Styled-Components for styling.

  • —Installable PWA with offline support via Service Worker
  • —GraphQL + Apollo for efficient API data fetching
  • —Favorites persisted locally without a backend
React GraphQL Redux PWA Styled Components
Live Demo
05 2020

Star Wars App

React web app fetching data from the Star Wars API (SWAPI). Redux for managing favorite characters across sessions. Firebase for Gmail-based authentication.

  • —Firebase Authentication with Gmail OAuth flow
  • —Redux store for persistent favorites without a custom API
React Redux Firebase
Live Demo

Next step

Want to build
something?

abrahamserrano96@hotmail.com linkedin.com/in/abraham-serranom