AI Frontend Portfolio ยท Kazi Musharraf

Kazi Musharraf โ€” AI Frontend Engineer Portfolio

AI interface work โ€” chat UIs, generative interfaces and AI-powered web apps that pair strong frontend craft with real LLM features.

Each project pairs a real model integration with an interface designed to make it usable and trustworthy.

How I work

Tech stack & tools

Frontend

  • React
  • Next.js
  • TypeScript

AI UI

  • Vercel AI SDK
  • Streaming
  • Generative UI

Tooling

  • Vercel
  • Vitest
  • Playwright

Selected work

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.

MK GitFlow

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

MK Router

A time-based portfolio router that reverse-proxies five portfolios on one domain, rotating hourly. Shipped on both Cloudflare Workers and Vercel Edge Middleware.

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's in this portfolio?

AI web apps and LLM interfaces that are live and interactive.

Is the code public?

Much of it is on GitHub under mk-knight23.

Best example of AI-frontend work?

QuizFlow's AI generation and image-to-quiz flow, and its shareable cloud UI.

How do I hire you?

Use the contact or hire page.

Hire Kazi Musharraf โ†’

Explore this portfolio

Preview of the Kazi Musharraf ai frontend engineering portfolio
Kazi Musharraf โ€” AI 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.