Shipped·Frontend·2024

3D Asset Interaction Dashboard

Three.js-based enterprise 3D workspace, JSON-schema driven.

Three.jsReactTypeScriptStorybookJest
RoleLead engineerScopeFrontend · 3D · Data visualizationStatusShipped at Rubus Digital — 50+ enterprise clients

Overview

Architected and shipped a Three.js-based 3D dashboard with 30-second polling API overlays, enabling real-time data visualization for 50+ enterprise clients. Designed a JSON-schema-driven configuration system that allowed non-technical teams to set up 3D models without developer involvement — cutting dependency by 60%. Reduced initial load time from 5 seconds to 1.2 seconds through lazy loading and LOD rendering. Delivered Storybook-backed documentation and test coverage for maintainability.

Implementation Highlights

  • Architected Three.js 3D interface with JSON-driven configuration and smooth camera animations for internal enterprise workflows
  • Reduced initial load time from 5 seconds to 1.2 seconds through lazy loading and LOD rendering
  • Delivered Storybook-backed documentation and Jest test coverage for long-term maintainability
  • 30-second polling API overlays enabling real-time data visualization for 50+ enterprise clients
ShippedShipped at Rubus Digital — 50+ enterprise clients

Load time 5s → 1.2s. JSON-driven config cut developer dependency 60%.

Key highlights

  • Architected Three.js 3D interface with JSON-driven configuration and smooth camera animations for internal enterprise workflows
  • Reduced initial load time from 5 seconds to 1.2 seconds through lazy loading and LOD rendering
  • Delivered Storybook-backed documentation and Jest test coverage for long-term maintainability
  • 30-second polling API overlays enabling real-time data visualization for 50+ enterprise clients
Rahul Nainala — Senior Full-Stack Engineer | Bengaluru