Mubashir Irfan

Mubashir Irfan

Senior Frontend Engineer & Architect

Riyadh, Saudi Arabia · Open to relocation

I build and architect frontend systems for web applications. Over 7 years, I've shipped features end-to-end, designed system architectures, and led frontend development at scale. Today, I combine this experience with AI-assisted development — using tools like Claude Code and Cursor to ship faster without compromising quality.

I've done this at companies like Careem (Uber's MENA subsidiary), Motive, and most recently at LocAI and WakeCap — both AI-first startups where I was hired to build their web platforms from the ground up.

Agentic Engineering

I actively leverage AI to amplify my engineering capabilities

AI-Augmented Development Workflow

I use AI coding assistants as force multipliers — not replacements for engineering judgment

Claude Code

Complex refactors, architecture exploration, code reviews

Cursor

Inline completions, rapid prototyping, boilerplate generation

ChatGPT & Claude

Design decisions, debugging complex issues, learning new patterns

Custom Workflows

PR reviews, test generation, documentation, migrations

This portfolio was built with AI assistance — showcasing how I integrate these tools into real projects.

What I'm Building

WakeCap — AI-powered Construction Safety

Riyadh, Saudi Arabia · 2025-Present

Current

Leading frontend development for an AI-powered construction site safety platform:

  • Micro-frontend architecture — single-spa orchestration for modular, independently deployable apps
  • AI-assisted development — integrating Claude Code and Cursor into daily workflow for faster delivery
  • Real-time dashboards — safety monitoring interfaces for construction site managers

What I've Built

LocAI — AI-powered EdTech SaaS

Abu Dhabi, UAE · 2024-2025

Zero-to-One

Hired as the founding frontend engineer to architect and build the entire web platform from scratch. Designed the core frontend systems and led architectural decisions:

  • Architected auth system — designed custom authentication and authorization layer with role-based access, integrated with centralized IAM
  • Designed API integration layer — React Query architecture encapsulating server state, caching, and error handling across the platform
  • Built analytics pipeline — Rudderstack → Mixpanel/GA with custom event tracking and engagement analytics
  • Internationalization architecture — multi-language support with RTL layout for Arabic
  • State management architecture — Redux for client state, React Query for server state, clear separation of concerns

Careem — Bikes & EV Delivery Dashboard

Dubai, UAE · 2023-2024 · Uber's MENA subsidiary

Zero-to-One

Architected and built the admin dashboard for Careem's micro-mobility vertical from scratch. Owned the repo, designed the frontend architecture, and shipped the product for the Medina city launch:

  • Architected backend integration layer — designed the data layer with React Query, API patterns, and Careem platform service integrations
  • Monitoring & observability system — Grafana dashboards and Prometheus/PromQL alerting for production health
  • Medina launch — delivered Arabic notifications and localization for Careem Bikes' Medina city launch
  • State management architecture — Context API for client state, React Query for server state
  • Hiring & technical interviews — conducted frontend engineering interviews to grow the team

Motive — Fleet Management Platform

Islamabad, Pakistan · 2020-2022

Scale

Contributed to enterprise-scale Angular application serving thousands of fleet operators:

  • Instrumentation architecture — Pendo/Mixpanel tracking for 100% user interaction coverage
  • Production on-call — hot-fixed escalations, authored post-mortems
  • Technical design docs — authored specifications for major features

Feature Engineering

Beyond architecture, I ship features independently — from design handoff to production

UI Implementation

Pixel-perfect interfaces from Figma, responsive layouts, complex component libraries, design systems

End-to-End Features

Complete feature ownership — API integration, state management, UI, validation, error handling

Testing & Quality

Unit tests (Jest), integration tests (RTL), E2E tests (Cypress/Playwright), code reviews

Performance

Bundle optimization, lazy loading, Core Web Vitals, render performance, memory profiling

Architectural Domains

Systems I've designed and implemented across multiple products

Authentication & Access

Custom auth flows, session management, role-based access control, IAM integrations

API Integration Layers

React Query patterns, caching strategies, error boundaries, optimistic updates

Analytics & Telemetry

Event tracking, reverse-ETL pipelines, Rudderstack, Mixpanel, Pendo

State Management

Redux, NgRx, Context API, server state vs client state patterns

Monitoring & Observability

Grafana dashboards, Prometheus metrics, alerting, error tracking

Micro-frontends

Single-spa orchestration, module federation, independent deployments

Tech I Work With

AI-Assisted Development

Claude Code Cursor ChatGPT

Frameworks & Languages

React NextJS Angular 2+ TypeScript JavaScript RxJS

UI Libraries

TailwindCSS ShadCN Headless UI Mantine Ant Design Material UI

State & Data

React Query Redux NgRx Context API WebSockets

Testing & Quality

Jest Jasmine React Testing Library

Analytics & Monitoring

Mixpanel Rudderstack Pendo Google Analytics Grafana Prometheus

Architecture & Tooling

single-spa Micro-frontends i18n / RTL

Currently

Writing — I occasionally write about web development. My articles are published on the UnusedCSS blog and my personal blog.

Open to opportunities — I'm looking for my next role as a Frontend Architect or Senior Engineer where I can own and shape frontend systems. Open to relocation in Australia, USA, EU, Canada, or New Zealand.

Let's Talk

If you're building something interesting and need someone who can architect frontend systems that scale — I'd love to hear from you.