Mubashir Irfan

Senior Frontend Engineer & Architect

Riyadh, Saudi Arabia

I build scalable frontend systems,
from zero to one

7+ years architecting web platforms at Careem, Motive, LocAI, and WakeCap — built by hand with React, TypeScript, and Angular, now amplified by Claude Code and Cursor.

System Architecture

micro-frontends, auth, API & state layers

Zero-to-One Products

web platforms built from scratch

AI-Augmented Delivery

Claude Code & Cursor in daily workflow

UI Engineering

pixel-perfect, accessible interfaces

Professional Journey

7+ years architecting production-grade web applications across 3 countries and 6 companies.

Current Role

Senior Frontend Engineer

WakeCap

May 2025 - Present Riyadh, Saudi Arabia

AI-Powered Development

Building AFK automated agents for GitHub Issues to PR automation

Micro-Frontend Architecture

React micro-frontends using single-spa for site safety platform

Leading frontend for AI-powered Web App for project site safety and observability
Leveraging Agentic AI tools (Claude, Cursor) for accelerated development workflows
Implementing UI with ShadCN and TailwindCSS, managing API states with React Query
Managing release cycles, deployments, and analytics with Mixpanel

React TypeScript single-spa React Query ShadCN TailwindCSS Claude Code Cursor Mixpanel

Senior Engineer (Frontend)

LocAI

Apr 2024 - May 2025 Abu Dhabi, UAE

Built the entire frontend platform from scratch for Iqra'a — an AI-powered EdTech solution for UAE's educational system

Custom Auth & Authorization with role-based access, centralized IAM integration

API integration layer with custom React Query hooks for caching & error handling

State architecture — Redux for client state, React Query for server state

Analytics pipeline — Rudderstack → Mixpanel/GA with custom event tracking

Internationalization with RTL layout support for Arabic

Light/Dark mode themes and bilingual email templates

NextJS React TypeScript Redux React Query TailwindCSS Mantine Rudderstack Mixpanel

Read the full story

At LocAI, I served as a Senior Software Engineer (Frontend). My core responsibility included developing, maintaining and evolving the Iqra'a - an EdTech solution for UAE that leverages AI to automate, enhance and evolve Educational System in UAE.

My role involved collaborating cross-functionally with Product, Design, Backend and QA Teams to realize the product roadmap. I joined the codebase in its birth month and was assigned the core responsibilities of laying and strengthening the ground work. I got to write custom authentication of the codebase, which is responsible for authentication and authorization of the user session. I developed the engagement tracking pipeline using custom events sent to Rudderstack, which then reverse-ETLs them to Mixpanel and Google Analytics.

As the application evolved, we implemented Internationalization to ensure native UAE users could use the application in Arabic. I conducted the effort of centralizing the application's source of strings based on user's choice of language, and coordinated with Translation team to extract, translate and re-inject the large set of strings in an efficient manner.

Senior Software Engineer

Careem

Aug 2023 - Apr 2024 Dubai, UAE (Remote)

Architected Careem Bikes Admin Dashboard from scratch — owned the repo, designed frontend architecture, delivered Arabic localization for Medina city launch

Backend integration architecture — API layer, data patterns, platform integrations

State management with Context API + React Query

Monitoring & observability — Grafana dashboards, Prometheus/PromQL alerting

Arabic notifications, localization, and commercial email templates

Unit testing with Jest, conducted technical interviews

NextJS TypeScript React Query TailwindCSS Jest Grafana Prometheus

Read the full story

I was hired at Careem to architect and build the Careem Bikes Admin Dashboard from scratch. I owned the repo, designed the frontend architecture — the backend integration layer, state management patterns, and platform service integrations. Aided by my colleague Yahya from Jordan, we built the dashboard using NextJS and TailwindCSS.

A key milestone was the Careem Bikes Medina city launch. I was responsible for delivering Arabic notifications and localization, as well as commercial and operations email templates in Arabic. This enabled me to dive deep into Right-to-Left Language challenges in both web and email contexts.

Careem web services must follow standard internal practices of thorough Monitoring and Observability. I designed and implemented the monitoring system and corresponding alerts using Grafana and Prometheus/PromQL — ensuring production health visibility from day one.

Software Engineer II

Rayn

Oct 2022 - Jul 2023 Islamabad, Pakistan

First frontend developer for Pakistan Polio Eradication Programme — rewrote legacy codebase from scratch during Ramadan 2023, reducing bugs to historic lows

100h

saved/month

40-50%

productivity gain

40%

setup time reduced

Built automation tools reducing GIS operations manual workload

Developed automated deck generator saving 100 hours/month

Designed collaboration processes for multiple teams

Technical interviews, mentoring, and onboarding new hires

React TypeScript HTML/CSS

Read the full story

My main reason to depart from Motive and join Rayn was to pull myself out of the comfort zone. Motive had set processes, that were architected and perfected long before I had joined. After having spent more than 2 years there, I realized my growth and learning curve had flattened out.

I was hired at Rayn as the first frontend developer for Pakistan Polio Eradication Programme - the national Web Dashboard for live and legacy management of national polio campaigns. The foremost challenge was a messy codebase written on need-basis by backend developers - that ran into bugs regularly. During Ramadan 2023, when no campaigns were scheduled, I took the month-long opportunity to tear down the codebase and re-write it from root-level. The resultant code was much more self-explanatory, readable and scalable. The bug count saw its lowest.

I was also tasked with designing, implementing and streamlining dev processes across Design, Frontend, Backend and QA.

Software Engineer II

Motive

Jul 2020 - Oct 2022 Islamabad, Pakistan

Built User Instrumentation pipeline tracking 100% of user interactions — Pendo + Snowflake + Redis for engagement dashboards

Enterprise Angular 2+ development with TypeScript and RxJS

Frontend on-call engineer — hot-fixed 2 production escalations

Implemented training tool for 100s of data annotators

Led mobile-responsive conversion of major legacy workflow

Authored Technical Design Documents and Knowledge Talks

Conducted hiring interviews for Frontend Engineers

Angular 2+ TypeScript RxJS Ant Design Pendo Mixpanel Snowflake

Read the full story

I can not be grateful enough for the opportunity to have worked at Motive. Motive enabled me at multiple fronts. I got to witness and experience how scale works. I wrote code, not only to deliver features, but also to understand and gauge how my code is being utilized.

I spent most of the time writing UI and integration layers, engaging heavily in peer reviews, authoring Technical Design Documents, delivering Knowledge Talks and conducting hiring interviews. I was also part of the on-call rotation, participating in 1 Production Fire-fighting session and authoring a post-mortem report.

Apart from core development work, I got to build a User Instrumentation pipeline using a combination of Pendo, Snowflake and Redis. We tracked user engagement using off-the-shelf and custom Pendo events. The said data was then queried with Redis to build engagement-specific dashboards. Working on this feature made me the go-to for anything tracking.

Software Engineer

Xgrid

Jun 2019 - Jul 2020 Islamabad, Pakistan

First job, assigned to the most challenging product — Fiber Mountain, a real-time data center virtualization dashboard

Angular 2+ dashboard with Material UI for data center virtualization

Real-time 2-way communication with Web Sockets

State management with NgRx, API layer with RxJS

Angular 2+ TypeScript RxJS NgRx Material UI WebSockets

Read the full story

Xgrid was my first workplace, my first job. I was super-fortunate with a first job that came with challenging work and great leaders who led with code and example. I met my mentor in the same workplace and I take their advice till date.

I was assigned to the most challenging product/codebase that the company was working on - Fiber Mountain. It was an Angular 2+ dashboard that virtualized an entire data center and communicated with it 2-way in real time.

↑ Back to top

What I Bring to the Table

7 years of frontend craftsmanship, now supercharged with AI. I build production-grade web applications that users love and teams can maintain.

Current Focus

AI-Augmented Development

Leveraging AI to augment development workflows with intelligent automation:

AI-Assisted Development

Daily development with Claude Code and Cursor for intelligent code generation, refactoring, and problem-solving.

Automated Workflows

Building AFK automated agents that transform GitHub Issues into PRs with self-review capabilities.

Inline Agents

Developing inline agentic tools for real-time code assistance, debugging, and documentation generation.

Continuous Learning

Completed Tactical Agentic Coding and Agentic Horizons courses by IndyDevDan.

Claude Code Cursor AI Agentic Workflows Prompt Engineering

Frontend Expertise

Core Web Technologies

Converting mockups into interactive, pixel-perfect screens

HTML5 CSS3 JavaScript Tailwind CSS SCSS

Frameworks & Libraries

Building fully functional applications with modern ecosystems

React NextJS Angular 2+ TypeScript

State & Data Management

Managing UI state and integrating APIs at scale

Redux React Query React Context NgRx RxJS

Testing & Quality

Ensuring code quality and reliability with comprehensive coverage

Jest Jasmine React Testing Library Cypress

Monitoring & Analytics

Production monitoring and user behavior analytics

Sentry TrackJS Grafana Prometheus Mixpanel Pendo

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

Backend & Freelance Work

Beyond frontend, I've delivered Backend Proof-of-Concepts

Server & APIs

Server instances, middleware, and RESTful endpoints

NodeJS Express

SQL Databases

Structured databases with ORM integration

MySQL Prisma

NoSQL Databases

Document stores with ODM patterns

Firebase MongoDB Mongoose

My work ideology is empathy-first — both for the users as well as the teammates. I believe in delivering work that generates value at the user's end, and productivity at my team's end. I prioritize being a team-player who delivers not only the code, but also his share towards ensuring a culture of engineering-excellence — a culture that delivers peace of mind, and heart, to the ones embedded in it.

↑ Back to top

Writing

Thoughts on frontend engineering, AI-assisted development, and the evolving role of software engineers. Also published on the UnusedCSS blog.

View all posts

Say Hi

Have a question, idea, or just want to connect? I'd love to hear from you.

I build scalable frontend systems,
from zero to one

Professional Journey

Senior Frontend Engineer

AI-Powered Development

Micro-Frontend Architecture

Senior Engineer (Frontend)

Senior Software Engineer

Software Engineer II

Software Engineer II

Software Engineer

What I Bring to the Table

AI-Augmented Development

AI-Assisted Development

Automated Workflows

Inline Agents

Continuous Learning

Frontend Expertise

Core Web Technologies

Frameworks & Libraries

State & Data Management

Testing & Quality

Monitoring & Analytics

Architectural Domains

Authentication & Access

API Integration Layers

Analytics & Telemetry

State Management

Monitoring & Observability

Micro-frontends

Backend & Freelance Work

Server & APIs

SQL Databases

NoSQL Databases

Writing

Understanding a Problem vs Vibe Coding a Black-box Solution

Where do I put all this grief?

When the dust of AI Disruption will settle...

Say Hi

I build scalable frontend systems, from zero to one

Senior Frontend Engineer

AI-Powered Development

Micro-Frontend Architecture

Senior Engineer (Frontend)

Senior Software Engineer

Software Engineer II

Software Engineer II

Software Engineer

AI-Augmented Development

AI-Assisted Development

Automated Workflows

Inline Agents

Continuous Learning

Frontend Expertise

Core Web Technologies

Frameworks & Libraries

State & Data Management

Testing & Quality

Monitoring & Analytics

Architectural Domains

Authentication & Access

API Integration Layers

Analytics & Telemetry

State Management

Monitoring & Observability

Micro-frontends

Backend & Freelance Work

Server & APIs

SQL Databases

NoSQL Databases

Understanding a Problem vs Vibe Coding a Black-box Solution

Where do I put all this grief?

When the dust of AI Disruption will settle...

Contact Form

I build scalable frontend systems,
from zero to one