Skip to main content

ENGINEERING PORTFOLIO

Building thoughtful interfaces. Exploring intelligent systems.

Frontend engineer exploring AI-native development and agentic patterns. This is where I ship learnings, not just code.

GITHUB_METRICS · LIVE DATA

79+PRs Merged
100Repos
225Contributions (yr)
JavaScript
42%
TypeScript
18%
Python
11%
TeX
11%
HTML
7%
BibTeX Style
4%

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.