Khoa Le

Good day

• • I'm Khoa. I build scalable full-stack products and high-performance media systems, start to finish. I care deeply about whether what I ship actually feels fast, reliable, and solid to use.
• • Deep in WebCodecs, Remotion, and client-side media pipelines — eliminating server render bottlenecks and turning heavy compute into fluid, real-time in-browser experiences.
• • 12+ years of production engineering. The gap between an ambitious architectural spec and a rock-solid, polished implementation is where I live.
• • I work comfortably in AI-assisted, spec-driven environments (Claude Code, Codex) to accelerate implementation speed without cutting architectural corners.

Selected client-side media engines, WebCodecs rendering pipelines, WebAssembly transcoding, and memory-safe caching architectures built to eliminate server compute costs.

remotion-vram-optimizer

2026

remotion-vram-optimizer.png

Memory-efficient client-side image proxying and sequential rendering optimizer for Remotion video compositions.

› Async Image Proxy pattern intercepting and downscaling 4K assets in web players.

› Offloaded resizing to background Web Worker to eliminate UI thread canvas freezing.

› Prevented Chrome OOM and VRAM crashes in headless render nodes via concurrency bounds.

Remotion Web Workers TypeScript Zod

Code ↗ Live Demo ↗

in-browser-video-renderer

2026

in-browser-video-renderer.png

Serverless client-side video composition and WebCodecs frame-by-frame compiling pipeline.

› Engineered serverless video rendering utilizing WebCodecs, offloading CPU work from cloud servers directly to client GPUs.

› Integrated client-side WebAssembly FFmpeg transcoding to package frames into standard H.264 MP4s.

› Standardized local CORS proxy routing to resolve cross-origin static fonts and assets.

Remotion WebCodecs FFmpeg.wasm React Jotai

Code ↗ Live Demo ↗

opfs-media-cache

2026

opfs-media-cache.png

Multi-threaded caching and storage layer for large assets utilizing the Origin Private File System (OPFS).

› Created ultra-fast local cache layer leveraging browser native OPFS for gigabytes of media assets.

› Offloaded storage writes and chunk-based buffer streams to background threads via Comlink.

› Implemented LRU eviction policies, concurrency file locks, and recovery watchdogs.

TypeScript Comlink opfs-tools IndexedDB

Code ↗ Live Demo ↗

video-stitching-frontend

2026

video-stitching-frontend.png

High-performance React application for stitching, cropping, and processing video segments in the browser.

› Fully client-side video stitching pipeline concatenating multiple clips with custom timings.

› Automated center-crop filter inside FFmpeg normalizing dimensions into 16:9 1280x720.

› Integrated Monaco JSON editor for real-time clip configuration and on-the-fly preview.

React TypeScript FFmpeg.wasm Monaco Editor

Code ↗ Live Demo ↗

psd-layer-extractor

2026

psd-layer-extractor.png

High-performance client-side Adobe Photoshop (PSD) parser and layer tree extraction engine.

› Parsed massive PSD files (up to 1GB) completely in-browser via Web Workers without server fees.

› Implemented canvas comparison sliders and pixel-level diff overlays utilizing pixelmatch.

› Structured deep Photoshop layer hierarchies and typography into clean compiler-ready schemas.

React TypeScript Jotai ag-psd pixelmatch

Code ↗ Live Demo ↗

creative-asset-flow

2026

creative-asset-flow.png

Interactive graph visualization dashboard for mapping dynamic ad variables, overlays, and render trees.

› Built interactive flowchart canvas mapping custom dependencies, groupings, and overrides.

› Custom node ecosystems supporting real-time thumbnail and video preview overlays.

› Virtualization and memoization maintaining 60 FPS panning, zooming, and editing.

React React Flow TypeScript TailwindCSS

Code ↗ Live Demo ↗