Frontend Portfolio ยท Kazi Musharraf

Kazi Musharraf โ€” Frontend Developer Portfolio

A selection of live frontend work โ€” production web apps, interactive developer tools, and browser games โ€” built with React, Next.js, TypeScript and motion design.

Every project here is deployed and usable, not a mockup. The through-line is craft: interfaces that are fast, accessible, and pleasant to interact with.

How I work

Tech stack & tools

Core

  • React
  • Next.js
  • TypeScript

Styling & motion

  • Tailwind CSS
  • Framer Motion
  • Canvas

Tooling

  • Vite
  • Vercel
  • Vitest
  • Playwright

Selected work

Browser games

A set of arcade and puzzle games (Neon Rush, Snake Net, Dragon Surge, Sigma Nexus, Brain Nexus) built with Vite, Canvas and TypeScript.

MK GitFlow

An interactive Git simulator and learning platform โ€” type real Git commands and watch an in-memory commit graph redraw live.

MK QuizFlow

An AI study tool that turns PDFs, notes and images into quizzes and flashcards. Next.js App Router, Vercel AI SDK (Claude), local-first IndexedDB storage, cloud share via Vercel Blob, an Image โ†’ Quiz vision feature, rate limiting and quota. Live at thequizflow.com.

60-project ecosystem

A large ecosystem of portfolios, tools, games and web apps, covering AI applications, developer tools and web projects.

What you get when you hire me

Who I work with

Founders & startups

Building an MVP or first product and need someone who can ship the whole thing quickly, then iterate as you learn.

Small teams

You have a team but need extra capacity or a specialist to own a hard piece and deliver it end-to-end.

Agencies

You need a reliable contractor who communicates clearly, hits scope, and produces code your team can maintain.

Solo operators

You have an idea and a budget but no engineer โ€” I can take it from concept to a live, working product.

Ways to work together

I'm Kazi Musharraf (also known as Musharraf Kazi or MK Knight), a developer based in India working with clients worldwide, remote-first across time zones. Whether you need a one-off build or an ongoing engineering partner, the priority is the same: ship real, working software and report on it honestly.

Frequently asked questions

What kind of projects are in this portfolio?

Live web apps, developer tools and browser games, all built and deployed with a frontend-first approach.

Is the code open source?

Much of it is public on GitHub under mk-knight23.

Which is your strongest frontend work?

The interactive tools (like GitFlow) and the games show off motion, state and real-time rendering.

How can I hire you?

Head to the contact or hire page and send a message with your project details.

Hire Kazi Musharraf โ†’

Explore this portfolio

Preview of the Kazi Musharraf frontend engineering portfolio
Kazi Musharraf โ€” Frontend Engineering portfolio.

Explore project source links, engineering services or contact Kazi Musharraf.

How to assess my engineering work

My engineering case studies explain the user problem, architecture, source evidence and implementation limits. They include QuizFlow, MCP developer tooling and a typed LangGraph workflow. Review the linked code before evaluating fit for your project.

For AI features, I discuss input validation, structured outputs, credential handling and failure behavior. Production scale, accuracy and cost improvements require measurements specific to each system.