Jun 2022–Mar 2025
Tailoor 3D Configurator
Full-Stack Engineer
B2B/B2C product customization platform for 40+ fashion and luxury brands. Real-time WebGL configurator with PBR material rendering, AR export (USDZ/WebXR), micro-frontend Nx monorepo.
Tailoor is a 3D product configurator used by 40+ fashion and luxury brands to let end customers customize products in real time — changing materials, colors, textures, and components on 3D models rendered directly in the browser.
I worked on both the configurator engine and the platform infrastructure. The rendering pipeline uses Three.js / React Three Fiber with physically-based rendering (PBR) for accurate material representation. Users can export their configuration as a USDZ file for AR viewing on iOS, or experience it in WebXR on supported devices.
The codebase is a Nx monorepo with Module Federation, allowing multiple brand-specific micro-frontends to share the core configurator while customizing their UI shell. This architecture let us deploy updates to the core engine without touching each brand's integration.
Key Contributions
- Built the real-time PBR material rendering pipeline in Three.js / React Three Fiber with dynamic texture swapping
- Implemented USDZ export pipeline for iOS AR Quick Look and WebXR mode for immersive configuration
- Architected Nx monorepo with Webpack Module Federation enabling shared core + brand-specific micro-frontends
- Developed the B2B admin panel for brand managers to upload 3D models, configure materials, and publish configurators
- Optimized WebGL performance: LOD switching, texture atlasing, and progressive loading for mobile devices