Muhammad Rizwan Afzal

Principal Frontend Engineer

Principal Frontend Engineer with 9+ years of experience designing and scaling production web platforms across e-commerce, payments and SaaS. I specialize in React, Next.js and TypeScript architecture, AI-assisted engineering, performance and complex customer journeys.

Currently leading frontend engineering for a high-traffic US e-commerce platform, shaping checkout and payment architecture across Adyen, Synchrony, Apple Pay, Microsoft Dynamics 365 Commerce and GraphQL. My work spans architecture decisions, production reliability, performance optimization and delivery of business-critical customer experiences.

mrizwanafzal@gmail.com+92 336 9111939LinkedInGitHub
View my work Get in touchDownload CV →

9+

Years Expertise

40%

Performance Gain

6+

Payment Integrations

AI

AI-Driven Delivery

Muhammad Rizwan Afzal — Principal Frontend Engineer
Open to opportunities

Core expertise

Skills

Architecture & Frontend

React.js, Next.js, TypeScript, scalable component architecture and design systems.

Performance & Rendering

Core Web Vitals, LCP, CLS, INP, SSR, SSG, ISR, code splitting, lazy loading, CDN and caching.

E-commerce & Payments

Checkout architecture, Adyen, Synchrony, Stripe, payment workflows and transaction reliability.

API & Service Integration

GraphQL, REST, API orchestration, Microsoft Dynamics 365 Commerce and service-layer integration.

System Design

Microservices integration, distributed systems, real-time applications and scalable frontend systems.

Cloud, Delivery & Leadership

AWS, Vercel, CI/CD, GitHub Actions, Nginx. Technical leadership, architecture decisions, mentoring and cross-functional collaboration.

Portfolio

Selected Work

A deliberately selective portfolio: business-critical e-commerce and payments first, followed by booking, AI and consumer platforms.

Mattress Firm — Checkout & Payments
FeaturedE-commercePayments

Mattress Firm — Checkout & Payments

  • High-traffic US e-commerce checkout, payment and delivery journeys.
  • Current work across Adyen, Synchrony, Apple Pay, Dynamics 365 Commerce and GraphQL.
  • Reduced LCP by 40% and INP by 35%; frontend patterns reduced feature delivery time by about 30%.
Read case study →
Vacation Setup
TravelSearchDiscovery

Vacation Setup

Hotel discovery and search experience focused on destinations in Pakistan.

Filer.pk
ConsumerContentUX

Filer.pk

Tax awareness and filing-focused digital experience for Pakistani users.

Offsetup
SaaSIT ServicesFrontend Architecture

Offsetup

Production-grade booking, SaaS and e-commerce platform work delivered at Offsetup.

Muhammad Rizwan Afzal

Summary

About

I’m a Principal Frontend Engineer with 9+ years of experience building and evolving production systems where performance, reliability and engineering quality directly impact the business. My core expertise is React, Next.js and TypeScript, with experience spanning frontend architecture, design systems, payments, GraphQL/REST integrations, performance engineering and cloud delivery.

Today, I work on a high-traffic US e-commerce platform across checkout, payments and delivery, including integrations with Adyen, Synchrony, Apple Pay and Microsoft Dynamics 365 Commerce. Beyond feature delivery, I focus on architecture decisions, reusable engineering patterns, production resilience and removing complexity that slows teams down.

I actively use AI-assisted engineering workflows to accelerate implementation, testing, debugging, code analysis and technical documentation while keeping architecture and engineering decisions human-led. I’m particularly interested in applying AI where it creates measurable engineering leverage rather than adding unnecessary complexity.

Stack & tools

React.jsNext.jsTypeScriptFrontend ArchitectureSystem DesignAI-Assisted EngineeringGraphQLREST APIsPerformance EngineeringDesign SystemsAdyenApple PaySynchronyStripeDynamics 365 CommerceAWSVercelCI/CDGitHub ActionsNginx

Career

Experience

Principal Consultant (Frontend)

Visionet Systems

October 2024 – Present
  • Lead frontend architecture for a high-traffic US e-commerce platform, owning critical checkout, payment and delivery journeys across the customer experience.
  • Currently working on payment experiences involving Adyen and Synchrony, with a focus on reliable, secure and resilient transaction flows.
  • Integrate the frontend with the Microsoft Dynamics 365 Commerce backend through a GraphQL service layer, working across API contracts, data flows and frontend integration patterns.
  • Define and optimise Next.js SSR/ISR strategies to balance performance, SEO, dynamic content and user experience.
  • Improved Core Web Vitals across high-traffic user journeys, reducing LCP by 40% and INP by 35%.
  • Designed scalable component architecture and frontend patterns that reduced feature delivery time by approximately 30% across teams.
  • Optimise high-load experiences through code splitting, lazy loading, CDN caching and efficient data-fetching strategies.
  • Collaborate closely with backend, product, UX and engineering teams to turn complex business requirements into maintainable frontend solutions.
  • Mentor engineers and contribute to frontend standards around architecture, code quality, performance and maintainability.

Senior Frontend Developer

Offsetup

September 2020 – September 2024
  • Delivered production-grade booking, SaaS and e-commerce platforms, taking ownership of frontend architecture and implementation.
  • Architected a booking aggregation system integrating multiple third-party reservation APIs for centralised reservation management.
  • Built microservices for smart-lock automation, enabling secure, real-time access provisioning for rental platforms.
  • Integrated Stripe payment systems and Twilio real-time communication services, improving transaction reliability and user engagement.
  • Optimised frontend performance and API latency through efficient data fetching, caching and scalable component structures.
  • Led UI architecture decisions with a focus on long-term maintainability and engineering velocity.

React Developer

ZeinxsMedia

June 2018 – August 2020
  • Built scalable booking platforms and CMS systems supporting real-world business operations.
  • Reduced maintenance costs by 60% through modular architecture and improved code structure.
  • Developed and integrated RESTful APIs, improving data flow between frontend and backend systems.
  • Improved application performance and responsiveness through efficient rendering and state management.
  • Delivered responsive, user-focused interfaces with attention to usability and maintainability.

Laravel Developer

ZeinxsMedia

January 2017 – May 2018
  • Developed full-stack web applications using Laravel, SQL and JavaScript.
  • Built booking and management systems supporting business workflows and data operations.
  • Designed and implemented backend APIs and database schemas for scalable applications.

Education

Bachelor of Science in Computer Science

Graduated February 2018

Credentials

Certifications

December 2022

Front-End Web Development with React

The Hong Kong University of Science and Technology / Coursera

December 2022

Introduction to Front-End Development

Meta / Coursera

April 2022

PCAP — Certified Associate in Python Programming

Python Institute

October 2019

AI for Everyone

DeepLearning.AI / Coursera

Get in touch

Contact

I’m open to Principal and Staff-level frontend engineering opportunities where I can help teams solve complex architecture problems, modernize frontend platforms and ship reliable, high-performance products at scale.

Emrizwanafzal@gmail.comP+92 336 9111939Llinkedin.com/in/muhammadrizwanafzalGgithub.com/MuhammadRizwanAfzal