Senior Frontend Engineer

Muhammad Usama Khan

I lead frontend delivery for React and Next.js products, build reusable component systems, and publish tools other developers can install.

Wah Cantt, Pakistan / Remote collaboration worldwide

View workResumeLinkedIn ↗
Featured

Open-source React package

shadcn Virtualized Tree

A publishable React tree component with virtualization, drag-and-drop ordering, tri-state checkboxes, and accessible keyboard navigation.

npm i shadcn-virtualized-tree
7+Years in frontend delivery
4Professional product teams
3Frontend engineers mentored
2Published component libraries

Professional experience

Seven years of shipping frontend products

From production workflows and analytics dashboards to team leadership and reusable component architecture across remote product teams.

01Jul 2024 - PresentRemote, England

Senior Frontend Developer

Victoria Plum

Leading frontend delivery for Giolindo, a modern React and Next.js product, while mentoring a three-person frontend team.

  • Own component structure, UI quality, and delivery planning across a remote product team.
  • Translate product and design requirements into reusable TypeScript and Tailwind interfaces.
  • Strengthen code quality with reviews, ESLint, Prettier, pre-commit checks, and Turbopack workflows.
02Jul 2023 - Jul 2024Remote, Australia

Frontend Developer

Next Order

Built the Next Order Control Panel for restaurant and store operations, with a focus on data-heavy administration workflows.

  • Delivered dashboards, tables, forms, filters, modals, reports, and analytics views from Figma designs.
  • Built reusable React and TypeScript components with Tailwind CSS.
  • Integrated REST APIs through Axios, SWR, and React Query patterns.
03Sep 2020 - Jun 2023Islamabad, Pakistan

Frontend Developer

Emumba

Shipped frontend features across fintech, fleet tracking, analytics, dashboards, and tax-calculation products.

  • Developed complex forms, data tables, charts, and interactive dashboards.
  • Worked with React, Next.js, TypeScript, Redux, Formik, React Query, Material UI, and Ant Design.
  • Collaborated closely with designers on responsive, production-ready Figma implementation.
04Oct 2018 - Sep 2020Remote, Pakistan

Frontend Developer

TheTekSol

Developed a production review-management system for final-year projects and graduate thesis evaluations.

  • Built evaluation workflows, forms, review screens, and administrative interfaces.
  • Delivered the system for COMSATS University Islamabad, Wah Campus.
  • Worked across Laravel views, JavaScript, jQuery, Bootstrap, HTML, and CSS.

Professional work

Products built inside real teams

Selected commercial and institutional work. Details are intentionally focused on my contribution rather than proprietary implementation.

01Modern product application

Giolindo

Frontend delivery, reusable UI architecture, team mentoring, and development-workflow improvements for a React and Next.js product.

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Turbopack
02Restaurant operations platform

Next Order Control Panel

Admin workflows for menus, vouchers, staff reports, inventory analytics, voided items, service charges, and store-level controls.

  • React
  • TypeScript
  • Tailwind CSS
  • REST APIs
  • React Query
03Fintech analytics

Capital Bee

Responsive crypto tax and wallet analytics interfaces covering profit and loss, trades, success rates, charts, and reporting tables.

  • React
  • Dashboards
  • Charts
  • Data tables
  • Responsive UI
04Fleet management system

Flux

GPS-based borrowed-bike tracking workflows with typed state, forms, validation, and maintainable themed components.

  • React
  • TypeScript
  • Redux
  • Formik
  • Styled Components
05Academic workflow automation

Review Management System

Production evaluation workflows for final-year projects and MS/PhD thesis reviews used by COMSATS University Islamabad, Wah Campus.

  • Laravel
  • JavaScript
  • jQuery
  • Bootstrap
  • HTML/CSS

Open source & independent work

Public proof, not just claims

Libraries and products with source, packages, demos, or live apps.

01Open-source Web Component

viewer-360

A framework-agnostic 360 degree product viewer built as a Web Component with canvas rendering, zoom, high-resolution swaps, and cross-framework wrappers.

  • Web Components
  • TypeScript
  • Canvas
  • Rollup
  • React/Vue/Angular wrappers
@usamakhangt4/viewer-360
npm i @usamakhangt4/viewer-360
02Developer tooling

git-auto-commit

A Rust CLI that reads staged Git changes, asks a local Ollama model for a commit message, and confirms before running the commit.

  • Rust
  • Ollama
  • clap
  • reqwest
  • Git
usamakhangt4/git-auto-commit
03Medicine search UI

Medipedia

A medicine information search interface for prescription and over-the-counter drugs, focused on readable safety, dosage, and warning details.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • use-debounce
usamakhangt4/medipedia
04Computer vision studio

YOLOPv2-Studio

A Python and Flask studio interface for YOLOPv2 autonomous driving perception tasks, including media upload, webcam processing, and detection controls.

  • Python
  • Flask
  • OpenCV
  • PyTorch
  • YOLOPv2
usamakhangt4/YOLOPv2-Studio

Technical foundation

Stack

The tools and engineering practices I use to turn component ideas into durable, production-ready interfaces.

01

Product interfaces

Typed, responsive product UI from component to route.

  • React
  • TypeScript
  • Next.js
  • Tailwind CSS
02

State & data

Predictable application state and resilient API-driven flows.

  • Redux
  • Zustand
  • TanStack Query
  • SWR
  • REST APIs
03

Component systems

Reusable primitives built to travel across applications.

  • Web Components
  • shadcn/ui
  • Material UI
  • Ant Design
  • npm
04

Quality & delivery

Interaction quality and tooling that hold up beyond the happy path.

  • Accessibility
  • Vitest
  • Jest
  • Cypress
  • GitHub Actions

Also

Supporting apps and experiments.

01Next.js SaaS-style app

LinkSplash

A link-in-bio product built with Next.js, Google authentication, Firestore, drag-and-drop dashboard editing, QR codes, and public profile pages.

  • Next.js
  • React
  • TypeScript
  • Firestore
  • dnd-kit
usamakhangt4/link-splash
02Next.js product UI

Verse Insight

A simple Next.js Quran reading interface with local surah data, table-based browsing, and expandable verse rows.

  • Next.js
  • React
  • TypeScript
  • Local JSON data
  • shadcn/ui
usamakhangt4/verse-insight
03Weather data application

Weather Explorer

A typed weather search interface supporting city, ZIP code, and coordinate-based forecasts with reusable data states and validated inputs.

  • Next.js
  • TypeScript
  • TanStack Query
  • React Hook Form
  • Ant Design
usamakhangt4/weather-app

Education

BS in Software Engineering

COMSATS University Islamabad - Wah Campus

2016 - 2020