No. 01Portfolio EditionAsia/Karachi
Khalid Khan Kakar

Full stack developer

Digital products, set with care.

Index

A note on the practice.

I'm a frontend engineer who likes software with a spine: clear structure, strong typography, useful motion, and enough restraint to let the work breathe.

My work sits between product engineering and visual craft. I build with React, TypeScript, Next.js, APIs, and modern tooling, but the real target is simpler: make digital experiences that feel composed under pressure.

Code

Clean interfaces, readable systems

Taste

Visual rhythm before decoration

Pace

Calm iteration, fast shipping

Performance

Small details, felt speed

Selected work

Projects that show the system in motion.

Vision Board

Case 01

Vision Board

A real-time collaborative drawing application that empowers organizations to create and collaborate on drawing boards, much like Figma!

LiveBlocksNextjsTypeScript
FireGrid

Case 02

FireGrid

A task management and collaboration tool inspired by Trello, with an intuitive Kanban interface for organizing and tracking tasks.

NextjsTypeScriptWebpack
Dev Post

Case 03

Dev Post

A fully-featured Dev Community style platform where developers can create, share, search, and manage articles.

NextjsReactjsReact

Letters

Notes from the workbench.

Nextjs Javascript ReactJs

Next.Js Server Actions

Explore what Next.js server actions are and how they work with practical examples.

React Typescript

5 useful Typescript tips and tricks

Learn about generics, the as const keyword, destructuring arrays and objects in TypeScript, and more.

Typescript

Common Utility Types of TypeScript

Learn how TypeScript utility types modify other types and make it easier to generate new shapes.

View all posts

Toolkit

Tools, chosen for composure.

Frontend
ReactTypeScriptTailwindNext.js
Backend
Node.jsPythonPostgreSQLTrpc
Tools
GitDockerVS CodeAI & LLMs & MCP

Letter close

Let's make the next thing legible.

© 2026

Khalid Khan Kakar