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
- Understand. I start with the real problem, users and constraints — not a feature list. A short discovery avoids building the wrong thing.
- Plan. A clear plan: scope, non-goals, the approach, and how we'll verify it works. You always know what's being built and why.
- Build. Small, tested, verifiable increments. Working software early and often, with clean, maintainable code that follows the project's conventions.
- Ship & verify. Real deployment, real testing, honest reporting. I verify behavior end-to-end before calling anything done — no 'it should 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, consolidated to 25 flagship products, each live and deployed.
What you get when you hire me
- Clean, documented, maintainable code you own
- Live deployment with a working URL
- Tests for the important behavior
- Honest status reporting — what's done, tested, and any risks
- Clear handover so your team can keep building
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
- Fixed-scope projects — a defined build with a clear deliverable and timeline
- Contract / part-time — ongoing capacity for a set number of hours
- Rescue & improvement — take over, stabilize and extend an existing codebase
- Advisory — architecture, code review and technical direction
I'm Musharraf Kazi (also known as Kazi Musharraf 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.