Muhammad Rizwan

Senior Frontend Engineer — React, Next.js, TypeScript

Audio transcript: Hi, I'm Muhammad Rizwan, a senior frontend engineer. Welcome to my portfolio.

About

A bit about me

I'm a frontend engineer with 5+ years building production interfaces across fintech and healthtech...

Skills

Tools I reach for

Frontend

React
React Native
Next.js
Three.js

Language

TypeScript

Styling

Tailwind CSS
Sass/SCSS
Bootstrap
shadcn/ui
MUI
Styled Components
PostCSS
PurgeCSS

State & Data

GraphQL
Apollo Client
Redux Toolkit
Zustand
TanStack Table
React Query
Axios

Forms & Validation

React Hook Form
Formik
Yup
Zod

Auth & Backend

NextAuth.js
Firebase

UI Widgets & Charts

Recharts
Chart.js
FullCalendar
Draft.js
react-slick
react-day-picker
react-dropzone
react-to-print
xlsx

Mobile

React Navigation
Notifee
MMKV
AsyncStorage
React Native SVG
Vector Icons
Gesture Handler
WebView
Calendar Picker

i18n

i18next

Testing

Playwright
Jest
React Testing Library
React Native Testing Library

Build & Tooling

Webpack
Babel
ESLint
Turborepo
Docker
Metro
Sentry
Workbox

Cloud & CI/CD

AWS
Terraform
GitHub Actions

Experience

Where I've worked

  1. Ustaff360

    Dec 2024Present

    Frontend Engineer · Nairobi, Kenya, remote

    Admin dashboards for the Kenya Ministry of Health's national healthcare registry

  2. Kross Finance Korea

    Apr 2022Nov 2024

    Senior Frontend Developer · Seoul, South Korea, remote

    Cross-platform P2P supply chain finance (SCF) platform, web and React Native

  3. NerdyFactory

    Jun 2021Mar 2022

    Frontend Developer · Incheon, South Korea, remote

    ID-Admin — a legal-tech platform for South Korea's legal document workflows

  4. Cipher Savvy

    Feb 2021May 2021

    Web Developer · Islamabad, Pakistan

    Responsive, pixel-perfect web interfaces and prototypes

  5. DEVUP Technologies

    Feb 2020Jan 2021

    Frontend Developer · London, UK, remote

    Legacy frontend maintenance and performance stabilization for enterprise systems

Projects

Selected work

90Days

Featured

Investor- and borrower-facing P2P supply-chain finance platform for a regulated Korean fintech, across web and native mobile — quick-invest checkout, portfolio/repayment dashboards, and a regulator-mandated transparency dashboard.

Next.jsReact NativeTypeScriptFintech

Boror

Customer web app for a Kenyan multi-vendor marketplace spanning goods and local services, with a diaspora-gifting flow — catalog, cart, checkout, and service booking, integrated with M-Pesa, Airtel Money, and Paystack, plus bilingual English/Swahili localization.

Next.js 16React 19TypeScriptTailwind CSSnext-intlNextAuth

Legal Hold Manager

B2B SaaS admin platform helping legal teams manage litigation hold compliance — case creation, custodian groups with bulk CSV import, a guided wizard for hold-notice emails, and full audit trails with response tracking, analytics, and downloadable compliance certificates. Multi-tenant, role-based, localized for English and Korean.

Next.jsTypeScriptMulti-tenanti18n

CrossMeta

Automated reinvestment platform for P2P lending investors — link a brokerage account, define rules by asset type, rate range, tenor, and cap, and a scheduled engine matches and allocates idle or matured funds into new eligible loans automatically.

Next.jsTypeScriptFintechAutomation

HealthPro Suite

Digital health infrastructure platform built solo for Kenya's Ministry of Health — a Turborepo monorepo of three Next.js apps: a shared auth service, Facility360 (staff scheduling, assets, claims, embedded payments), and a national MOH portal for facility registries, licensing, and UHC device distribution.

Next.jsTurborepoTypeScriptMonorepo

Contact

Let's talk

The fastest way to reach me is email — rzzvaan@gmail.com.

Behind the Scenes

How this site was built

This site was built with an AI-agent-assisted workflow (Claude Code) rather than hand-typed line by line. The loop was Plan → Direct → Build → Test → Ship, with Direct/Build/Test repeating many times over — for example, a bug where the particle-formed name rendered as an unreadable cloud specifically on iPhone (not desktop) only surfaced by testing against a real device viewport, tracing it to a turbulence effect that wasn't scaling down with the responsive text size, and fixing it at the root.

Plan

Scope the feature and how it should feel

Direct

Give specific creative/technical direction

Build

Agent implements against that direction

Test

Verify on real devices, motion prefs, a11y

Ship

Commit and deploy

Direct, Build, and Test looped repeatedly, not just once.

Next.js 16React 19TypeScriptTailwind CSS v4Three.jsReact Three FiberFramer MotionClaude Code