Portfolio Showcase

Featured Projects

Discover my latest work in web development, AI integration, and digital innovation

Sports Betting & Gaming
Live2023-2025

Dafabet

Next-Gen Sports Betting Platform

A large-scale, multi-market sports betting platform reimagined with modern front-end architecture, high-performance streaming, and regional customization. Migrated from legacy Backbone.js to Next.js (v15) with SSR, ISR, and React Server Components (RSC), integrated with Nginx, Varnish, and Cloudflare CDN for edge acceleration.

Live Demo

Key Features

  • Server-Side Rendering (SSR) and Incremental Static Regeneration (ISR) for high-speed delivery
  • GraphQL + REST CMS integration for promotions, taxes, and localization management
  • Signals-based state management using Zotai with RTK and RTK Query for real-time updates
  • Multi-brand theming system using Shadcn UI, TailwindCSS, and ThemeProvider
  • Sub-20 ms render latency during 1M+ concurrent IPL sessions via WebSocket and long polling
  • CI/CD pipelines with Jest, Playwright, and React Testing Library achieving 75%+ coverage
  • Real-time odds streaming with BetGenius and Betradar integrations
  • Edge caching optimization with Nginx, Varnish, and Cloudflare CDN layers
  • Secure sandboxed live video widgets using HLS.js and custom JavaScript bridges

Deliverables

  • Production-grade Next.js betting platform deployed globally
  • Reusable UI theming and localization architecture for 10+ regions
  • Betslip Controller with high-frequency odds synchronization
  • GraphQL-backed CMS and content federation
  • Automated end-to-end testing suite with CI/CD pipelines
  • Real-time streaming infrastructure and monitoring dashboard
  • Multi-brand support for localized branding and layouts
  • Analytics and telemetry integration for performance optimization

Technology Stack

Next.js 15TypeScriptTailwindCSSShadcn UIZotaiRedux ToolkitGraphQLVarnishNginxCloudflare CDNWebSocketHLS.jsPlaywrightJestAWS
Robotics & Autonomous Systems
Live2020 – 2023

Robotic Fleet Operations Platform

Real-Time Autonomous Robot Monitoring & Control

Mission-critical frontend systems for monitoring and operating large-scale autonomous robot fleets. Led design and delivery of real-time telemetry dashboards, map-based fleet visualization, and operator tooling under high-frequency data streams.

Live Demo

Key Features

  • Live robot telemetry dashboards with low-latency streaming updates
  • Map-driven fleet visualization with spatial clustering and real-time interaction
  • Performance-optimized React architecture for sustained high-frequency data
  • Offline-capable mobile workflows for field operators
  • Feature flags and controlled rollouts for safety-critical interfaces
  • Observability and performance instrumentation for live operations

Deliverables

  • Scalable real-time dashboards supporting thousands of autonomous robots
  • Mapbox-based fleet monitoring experiences with WebGL rendering
  • Frontend performance optimizations reducing UI latency during live streams
  • Cross-platform mobile applications for operators in low-connectivity environments
  • Safe experimentation and rollout framework for production robotics systems

Technology Stack

ReactTypeScriptWebSocketsSocket.IOReduxMapbox GL JSWebGLReact NativeAWS LambdaAWS CDKREST APIsLaunchDarklyCypress
Consumer Web Platform
Shipped2018 – 2020

Facebook News Feed Performance Initiative

React + Relay/GraphQL Performance & Reliable Launches

End-to-end ownership of Facebook News Feed web surfaces, delivering new React (Relay/GraphQL) flows, improving responsiveness under heavy traffic, and shipping safely via feature flags, staged rollouts, and A/B experimentation.

Live Demo

Key Features

  • React (Relay) + GraphQL architecture for high-traffic News Feed surfaces
  • Performance tuning via profiling, render optimization, and critical-path improvements
  • Efficient data fetching/caching patterns with pagination and incremental loading
  • Backend/API support using PHP/Hack + GraphQL with caching and async jobs/queues
  • Observability foundations: logging/metrics, dashboards, alerts for reliability
  • Safe release practices using feature flags, staged rollouts, and experiments

Deliverables

  • Production UI flows launched at News Feed scale with measurable rollout strategy
  • Reduced re-renders and improved perceived responsiveness during peak traffic
  • GraphQL schemas/contracts and stable frontend-backend integration patterns
  • Reliability hardening through caching + async jobs for peak traffic readiness
  • Test coverage and monitoring improvements to raise release confidence

Technology Stack

ReactRelayGraphQLJavaScriptTypeScriptPHPHackCachingAsync Jobs / QueuesFeature FlagsA/B TestingLogging & MetricsDashboards & Alerts
Marketplace Checkout
Shipped2015 – 2018

Airbnb Booking Funnel Modernization

Rails → React Migration + React Native Booking Flows

Modernized Airbnb’s booking and checkout experiences across web and mobile by migrating legacy Rails/ERB views to React, shipping React Native booking flows, and contributing to Node.js services that replaced portions of the Rails monolith while maintaining SSR workflows.

Live Demo

Key Features

  • Migration from Rails/ERB booking pages to React-based frontend architecture
  • Server-side rendering patterns to support fast first render and SEO-critical surfaces
  • React Native booking flow screens for iOS and Android with REST API integration
  • Node.js services supporting server-rendered React pages and API endpoints
  • Design system alignment using Airbnb DLS components for consistent booking UI
  • Interaction polish using Lottie animations while maintaining performance and accessibility

Deliverables

  • Modern React booking/checkout pages replacing legacy Rails-rendered views
  • SSR-compatible React pages with improved maintainability and performance
  • React Native booking flow screens shipped across iOS/Android with consistent UX
  • Node.js endpoints/services supporting booking funnel modernization
  • Design-system-compliant UI components and animation integrations

Technology Stack

ReactReact NativeJavaScriptRuby on RailsERBNode.jsServer-Side RenderingREST APIsAirbnb DLSDesign SystemsLottieiOSAndroid
Interested in working together? Let's create something amazing!