* Clothing 3D product configurator on Boombah's e‑commerce website.
Boombah is an American custom uniforms, footwear and athletic equipment company. Customers looking for sports uniforms can design and order clothing directly from their e‑commerce website using a 3D product configurator.
They had a Three.js‑based 3D clothing configurator with performance issues caused by memory leaks and 3D assets not loading correctly between sections. These problems negatively affected the customer experience during uniform customisation and prevented some of the 3D app's features from being used reliably.
The original vanilla Three.js script was refactored into a React and React Three Fiber modular component architecture, segmenting the functionality into components that could update more asynchronously instead of the previous tightly coupled, sequential logic that contributed to memory leaks. The updated 3D canvas component was integrated into Boombah's existing development environment and tech stack, improving responsiveness and reliability as 3D assets now load and update more consistently for customers.
Tech stack: Vanilla Three.js (original implementation), JavaScript, Jquery, refactored to React Three Fiber.