Portfolio
Engineering intelligent systems, real-time experiences, and scalable products that impact millions.
Professional Experience
IMvision
Architecting and spearheading the core infrastructure of a next-generation generative AI image platform, transforming natural language into enterprise-grade visual assets with sub-second latency.
- Engineered a high-performance diverse image rendering pipeline utilizing WebGL shaders and React Three Fiber, achieving fluid 60FPS visualizations.
- Designed and implemented an optimistic UI architecture with WebSockets, delivering seamless zero-latency perceptions for complex real-time collaborative editing.
- Overhauled the front-end tooling infrastructure with custom Webpack optimizations, TurboRepo caching, and dynamic chunking, slashing CI/CD build times by 65%.
- Integrated robust OpenRouter LLM orchestration and vector database embeddings for instantaneous prompt contextualization and highly accurate image generation.
Tailark
Played a pivotal role in engineering the foundational component architecture for a modern, highly accessible UI library tailored for scalable enterprise web applications.
- Authored and published over 15 zero-dependency UI components, enforcing strict WAI-ARIA compliances and advanced keyboard navigation accessibility standards.
- Architected a scalable, deterministic runtime CSS-in-JS theming engine, dynamically interpolating user preferences to generate sophisticated color palettes on the fly.
- Established a rigorous testing culture using Playwright and Jest, delivering complete end-to-end user flows and achieving an unparalleled 98% automated test coverage.
- Optimized bundle size overhead by extensively utilizing bundle analyzers and advanced tree-shaking methodologies across the library source code.
PeerPlay
Directed the end-to-end frontend development of a synchronized media-streaming platform, pioneering real-time viewing experiences with robust session management and fluid cross-device UI boundaries.
- Built an inherently responsive and highly interactive Next.js synchronized movie-watching platform allowing disparate global users to stream deeply synchronized media states via WebRTC.
- Engineered a resilient distributed session-state management system utilizing Server-Sent Events (SSE) and Redis, instantly mirroring presence indicators across active peers.
- Aggressively optimized frontend performance profiles through dynamic imports, asset hydration prioritization, and memoization techniques to ensure uninterrupted playback.
- Navigated cross-browser media policy constraints, resolving complex Web Audio/Video policies to create a flawless out-of-the-box user experience.
Side Projects
Pix
An AI-powered image discovery platform enabling sub-100ms load times and unique creative remixing.
IMvision
A generative AI platform that transforms text prompts into images instantly for non-designers.
KD Detector
A real-time KPI detection engine and responsive analytics dashboard for identifying performance fluctuations.
Expertise
AI & Machine Learning
- GPT Integration
- Gemini
- Whisper (Deepgram)
- HuggingFace
- Runway
Real-Time Systems
- WebSockets
- WebRTC
- Server-Sent Events
Web Development
- React / Next.js
- TypeScript
- Astro
- PostgreSQL
- MongoDB
- Drizzle
Backend & Infrastructure
- Node.js
- Fastify / Express
- Python
- Docker
- Redis
- MongoDB
- Github Actions
- GraphQL
DevOps & Cloud
- AWS
- CI/CD
- IndexedDB
- Monitoring & Scaling
Architecture & Tooling
- TurboRepo
- TanStack Query
- Playwright
- Storybook