Interactive 3D Product Configuration Platform

This browser-based product experience turns a conventional furniture listing into an interactive 3D workspace. Buyers can inspect the sofa from different angles and see configuration choices reflected directly on the model before making a decision.

MY CONTRIBUTION I built the interactive frontend experience and the application logic that keeps the 3D scene, camera controls, material choices, and interface state synchronized. The project demonstrates how Three.js can support a practical commerce or quoting workflow rather than operating as a standalone visual demo.

PRODUCT AND ENGINEERING AREAS • Real-time browser-based 3D rendering • 360° orbit, zoom, and responsive camera controls • Fabric and wood-finish customization • Immediate material updates on the product model • Responsive interface behavior across screen sizes • Reusable architecture that can be embedded into a wider catalog, quoting, or commerce application

The current demo focuses on visualization and configuration. Professional 3D asset creation, checkout, dynamic pricing, AR, and backend catalog management are separate integrations.

Technology: React, Three.js, JavaScript, WebGL, responsive UI, state management

Live demo: https://sofa-configurator-khaki.vercel.app/