Full-stackdeveloper ·crafting the web.
I'm Azhar Ud Din. I build considered, performant web products — Python backends, TypeScript on the front, and the occasional D3 detour when data wants to be seen.
View Selected WorkEngineering with
intent and clarity.
I work across the stack — designing APIs, shaping interfaces, and wiring the two together so the end product feels fast, readable, and considered. Currently building as a full-stack developer at Datum Labs, where the day-to-day runs on TypeScript, React, SvelteKit, Postgres, and Drizzle.
I'm drawn to problems where the UI has to communicate something non-trivial — dashboards, data stories, configuration surfaces — which is how I ended up spending evenings with D3. I care about performance budgets, reduced-motion, and the small details that separate a shipped product from a demo.
Tools I reach for
without thinking.
A working, opinionated toolkit — grouped by where it lives. Most of what I ship is some composition of these.
- TypeScript
- JavaScript
- React
- Next.js
- SvelteKit
- Redux Toolkit
- TanStack Query
- Tailwind CSS
- Framer Motion
- D3.js
- Python
- Node.js
- FastAPI
- Express
- PostgreSQL
- Supabase
- Drizzle ORM
- SQLite
- MongoDB
- REST APIs
- Git
- GitHub Actions
- Vite
- pnpm
- Vercel
- Linux
- Slack Bolt
- Claude Code
A few things
I've shipped.
The recent ones are live and demoable — click through, no signup, see them run.
Pulse
A live signal feed for builders.
A Bloomberg-style terminal for what builders actually watch. Hacker News, GitHub's freshest repos, crypto markets, and weather across builder cities. Every widget refreshes on its own cadence; the server proxies upstream APIs with tight caching.
- Mono-only direction — every label, number, and tag in IBM Plex Mono
- Animated ▲▼ tickers flash on price update; scrolling marquee at the bottom mixes HN, market deltas, and trending repos
- D3 force simulation lays out trending repos by language on a terminal-grid canvas
- Server route handlers proxy 4 upstream APIs with 60s–10min revalidation
- Next.js 16
- TypeScript
- Tailwind v4
- D3
- SWR
Shortlist
AI screening that cites its work.
Paste a job description, drop in resumes, get a ranked shortlist with cited strengths, gaps, and a one-line recommendation. Sidebar dashboard. Background analysis via Next.js after() so the request returns instantly while the UI streams results in.
- Side panel surfaces the actual rubric, system prompt, and JSON response schema — nothing hidden
- Structured output via Gemini responseSchema — JSON shape guaranteed
- Calibrated scoring rubric anchors the model; 90+ is reserved for genuinely exceptional candidates
- Background work via after() + SWR polling for live progress; RLS on, writes go through service role only
- Next.js 16
- Supabase
- Gemini 2.5
- TypeScript
- Zod
Pencil
A letter to your calendar.
A booking page that feels like writing a letter, not filling out a form. Pages live at /b/<slug>, identified by a private edit-token URL — no auth, just URL-as-identity. Real timezones, race-safe inserts, plain-paper aesthetic.
- Stationery direction — Fraunces display, Source Serif body, Caveat handwritten flourishes
- Pen-circle hover on slot times, torn-paper card edges, postmark SVG logo
- DST-correct slot math via date-fns-tz across timezones
- Conflict re-check at insert time — two visitors clicking the same slot, only one wins
- Next.js 16
- Supabase
- date-fns-tz
- Zod
- Tailwind v4
Ace Store
Next.js e-commerce surface with Redux cart state, persistent selections, and a checkout flow focused on reading-speed over ornament.
- Next.js
- Redux
- TypeScript
- CSS Modules
React Deck
A deck-builder experience with a TypeScript React client and a companion API — prototype for interactive card layouts.
- React
- TypeScript
- Node
- Express
Have something
worth building?
Freelance, contract, or a conversation — I'm open. The fastest path is email; I read everything.