Karan Chandekar | Software Engineer

The Challenge

Creating a premium e-commerce experience with interactive 3D product viewers, smooth color variant transitions, and physics-based cart animations.

The Solution

Leveraged React Three Fiber for interactive 3D product models, GSAP for scroll-triggered animations, Framer Motion for spring-based swipe galleries, and custom shaders for color morphing effects.

// 3D product viewer with orbit controls
<Canvas camera={{ position: [0, 0, 3], fov: 45 }}>
  <ambientLight intensity={0.5} />
  <spotLight position={[10, 10, 10]} />
  <Suspense fallback={null}>
    <ProductModel
      color={selectedColor}
      rotation={autoRotate ? [0, time * 0.5, 0] : undefined}
    />
    <OrbitControls enableZoom={false} />
  </Suspense>
</Canvas>