$ whoami//initializing identity…

KHALID.KHAN

// web developer · agentic AI · creative digital

Web developer · Agentic AI · Creative digital solutions for tech companies & creative agencies. Every screen is a chance to feel like a system booting, not a page loading.

role
/web-developer
stack
/mern · next · ai
uptime
/99.99%
01$ cat about.md

About

about.md — khalid@dev:~/about

$ cat about.md

name:
Khalid Khan
role:
web-developer
location:
karachi.pk
open_to:
full-stack · ai-collab

I'm a passionate developer who enjoys building web experiences that are not only functional but meaningful. At Hudson Pulse, I work across both front-end and back-end, turning ideas into seamless digital solutions that help shape modern user experiences.

I'm driven by curiosity, innovation, and the challenge of solving real-world problems through code. Whether it's crafting intuitive interfaces or developing robust systems behind the scenes, I take pride in creating work that makes an impact — and I'm always open to connecting with people who share a passion for technology, creativity, and collaboration.

[ok]about.md · 1.2 kbgeist-sans body
links — khalid@dev:~/.config
connect via any channel[ssh]
02$ tree ~/skills

Skills

~$ tree -L 2 ~/skills//6 branches · self-assessed

  • ├──agentic-ai/ · 4

    AI workflows & LLMs

    • agentic.workflows84%
    • ai.apps82%
    • llm.integrations78%
    • ai.tooling74%

  • ├──backend/ · 6

    APIs, data & servers

    • node.js88%
    • express.js85%
    • rest.api88%
    • mongodb84%
    • ssr·api-routes86%
    • sanity.cms80%

  • ├──devops/ · 5

    Workflows & delivery

    • git·github88%
    • ci·cd76%
    • docker68%
    • vercel86%
    • automation.webhooks72%

  • ├──engineering/ · 4

    Concepts & craft

    • system.design72%
    • performance80%
    • responsive·a11y84%
    • seo70%

  • ├──frontend/ · 6

    UI, interaction & motion

    • typescript90%
    • react.js92%
    • next.js90%
    • tailwind.css95%
    • html·css95%
    • gsap·framer·three82%

  • ├──platforms/ · 4

    CMS & no-code / low-code

    • wordpress78%
    • webflow72%
    • headless.setups80%
    • static.sites82%
    • 03$ git log --oneline

    Experience

    1. 7f3a9132025-07 — present2025:07:01Web Developer @ Hudson Pulse
      Web Developer — Hudson Pulse

      Working across front-end and back-end, turning ideas into seamless digital solutions that shape modern user experiences.

      • Ship full-stack features across the MERN stack with a Next.js + TypeScript front end.
      • Build animated, performance-conscious interfaces (Tailwind, GSAP, Three.js) that stay LCP-safe.
      • Drive agentic AI experiments: LLM integrations, AI-assisted tooling and automated workflows.
      [HEAD]git show 7f3a913Next.js · React · Node.js · TypeScript · MongoDB
    2. c9d51b42023-10 — 2025-072023:10:01Web Developer @ UM Digital Hub
      Web Developer — UM Digital Hub

      Shaped the digital landscape front to back — focused on creating web experiences that drive innovation.

      • Built and maintained client websites end-to-end (WordPress, Webflow, and headless setups).
      • Integrated REST APIs, paid workflows (Stripe), and automated email/webhook flows (SMTP, Resend, Brevo).
      • Improved Core Web Vitals and accessibility across agency builds.
      [HEAD]git show c9d51b4JavaScript · PHP · WordPress · Webflow · REST APIs · Docker
    04$ ls -la projects

    Projects

    total 6
    drwxr-xr-x khalid dev 4096 2026-10-20 .
    drwxr-xr-x khalid dev 4096 2026-10-20 ..

  • 30 Days of 30 Projects cover● wip

    ./30-days-30-projects

    2024

    One cool mini project each day for 30 days.

    Placeholder project — replace this description and add a real cover image in src/data/projects.ts.

    • Next.js
    • Tailwind
    • Framer Motion
    demo
  • Agent Forge cover● wip

    ./agent-forge

    2025

    Visual builder for multi-agent workflows.

    Placeholder project — replace this description and add a real cover image in src/data/projects.ts.

    • React
    • OpenAI SDK
    • Node.js
    • MCP
    repo
  • Binary Rain CLI cover● draft

    ./binary-rain-cli

    2025

    Matrix-style 0/1 terminal screensaver & theme engine.

    Placeholder project — replace this description and add a real cover image in src/data/projects.ts.

    • TypeScript
    • Canvas
    • CLI
  • DEV.OS Portfolio cover● live

    ./dev.os-portfolio

    2026

    This site — a portfolio that boots like an operating system.

    Personal operating-system portfolio: boot sequence, lazy-loaded Three.js binary pipeline hero, binary-rain backdrop, and a terminal-driven narrative (cat about, tree skills, git log experience).

    • Next.js 16
    • React 19
    • TypeScript
    • Tailwind v4
    • Three.js
    • Vercel
    demorepo
  • Meridian Analytics cover● wip

    ./meridian-analytics

    2026

    Real-time SaaS analytics dashboard.

    Placeholder project — replace this description and add a real cover image in src/data/projects.ts.

    • Next.js
    • TypeScript
    • tRPC
    • PostgreSQL
    • Tailwind
    demo
  • NextShop Template cover● draft

    ./next-shop-template

    2023

    Next.js e-commerce starter with payments wired in.

    Placeholder project — replace this description and add a real cover image in src/data/projects.ts.

    • Next.js
    • Stripe
    • MongoDB
    • Tailwind
    demo
    • 05$ exit

    Contact