Selected Work

Full-stack web software, interactive UI engines, and open-source developer tools crafted by Sakib Alam Mubin (SA Mubin).

Tactile Studio & Procedural Audio Engine

Frontend Architecture Canvas & SVG Web Audio API

Challenge: Rich interactive developer portfolios often ship megabytes of 3D runtimes, audio MP3 sprites, and heavy framework bundles that stall first paint on static edge hosts.

Engineering: Architected a zero-build ES Module system featuring a cursor-tracked 3D-shaded SVG character rig, IntersectionObserver-gated 60fps canvas ribbons, Hooke’s-law spring solvers, and real-time synthesized mechanical switch acoustics in pure browser APIs.

procedural synth oscilloscope 0 KB audio assets
Trigger voice:
triangle 172→78 Hz + bandpass 1.45 kHz · 0 KB external audio

Full-Stack API & Edge Systems

Backend Engineering TypeScript & Node.js Edge Caching

Approach: Fast interfaces fall flat if API routes leak untyped state, miss cache headers, or buckle under bursty requests.

Architecture: Sakib Alam Mubin structures full-stack web services around strict runtime schema parsing at the route boundary, stale-while-revalidate edge caching, token-bucket rate limits, and clean response policies. Toggle each middleware stage to inspect the stack.

request pipeline composer 3/4 LAYERS
Middleware:
Route handler
Runtime guarantees

Teaching

Alongside full-stack development, SA Mubin teaches practical web security concepts to developers and students, turning abstract input-handling bugs into safe, interactive browser labs where you can test fixes firsthand.

Want this care on your codebase?

Reach out to Sakib Alam Mubin for full-stack product engineering, frontend architecture, or developer workshops.

samubin$
↑↓ navigate Enter run Esc close