Skip to main content

SENIOR FRONTEND ENGINEER · 5+ YEARS

Building thoughtful interfaces. Directing AI to ship them faster.

Frontend engineer with 5+ years building and scaling enterprise SaaS interfaces—specializing in TypeScript, React, and Next.js. Deep background in ADA & WCAG 2.1 AA accessibility at scale, resilient design systems, and AI-directed delivery workflows.

GITHUB_METRICS · LIVE DATA

79PRs Merged
66Public Repos
264Contributions (yr)
TypeScript
39%
Ruby
34%
CSS
15%
JavaScript
5%
HTML
5%
SCSS
2%

Language mix across my featured projects · updated daily

Enterprise Frontend, Day to Day

Production frontend in enterprise SaaS — TypeScript and React, accessibility from the first commit, and AI used as leverage under my direction.

PRODUCTION

Enterprise SaaS Frontend

React and TypeScript applications used by enterprise teams, from multi-tenant data and API contracts through to the interface.

  • Deliberate state boundaries and resilient client-server data contracts.
  • Design tokens and reusable primitives keeping the UI consistent.
ACCESSIBILITY

ADA & WCAG 2.1 AA Accessibility

Accessibility as part of the definition of done — designed in from the first commit, not audited at the end.

  • Keyboard navigation, focus management and semantic markup built in, not retrofitted.
  • axe-core and Playwright checks in CI on this site: a regression fails the build.
HOW I WORK

AI-Assisted, Engineer-Directed Delivery

AI as leverage on the mechanical parts — scaffolding, tests, refactors — with every decision and committed line owned by me.

  • Directing agents through prototyping, test generation and refactoring, then verifying the output.
  • The workflow is documented in this repo, not just claimed here.

Two pieces worth your time: the site you are reading, and the last product I built end to end.

The moinkhanif.dev homepage — hero heading with live GitHub metrics alongside

This portfolio

The site you are reading. Hand-rolled design tokens, prerendered with a live GitHub data layer, a focus-trapped contact dialog, and axe accessibility checks running in CI. Built to be measured, not just looked at.

  • Next.js 16
  • React 19
  • TypeScript
  • WCAG 2.1 AA
Quarantine Stories homepage showing story cards grouped by category

Quarantine Stories

A full-stack Rails app for publishing and browsing stories by category — account creation and sessions, article and category authoring, and up/down voting over an ERD-modelled schema. Deployed and still running.

  • Ruby on Rails 6
  • PostgreSQL
  • RSpec
  • Docker

Earlier work

Where I learned to build. Older and smaller than what I ship now — kept online and labelled honestly rather than quietly deleted.

Flower Shop landing page with a hero banner and product rows

Flower Shop

Mobile-first e-commerce layout, built to hold up across every screen size.

  • HTML
  • CSS
Newsweek homepage clone with headline grid and sidebars

Newsweek Clone

A responsive recreation of the Newsweek homepage, chasing layout accuracy.

  • HTML
  • CSS
The Next Web homepage clone with feature article grid

TNW Responsive Clone

The Next Web homepage rebuilt, replicating its responsive behaviour.

  • HTML
  • CSS

Core Technologies

  • TypeScript
  • React
  • Next.js
  • Ruby on Rails
  • JavaScript
  • HTML/CSS
  • Node.js
  • SQL
  • Git
  • REST APIs

Philosophy

Shipping reliable frontends for enterprise SaaS. Learning AI-native patterns through hands-on exploration — building small, moving fast, and documenting the journey. Complexity earns its place when it creates real value.

Activity

Activity (12 wks)79 PRs Merged

Active learning, in the open — not a claim about what I have shipped. The work above is the evidence; this is the direction.

Multi-Agent Patterns

Learning how autonomous agents collaborate — studying orchestration, delegation, and evaluation patterns through hands-on experimentation.

AI-Native Development

Exploring how AI changes the development workflow — from prompt-driven prototyping to automated testing and code generation. Shipping learnings in the Lab.

RAG & Knowledge Systems

Building retrieval-augmented generation experiments — hybrid search, reranking strategies, and citation enforcement. Learning what makes AI outputs reliable.

Prefer direct email?