Overview
Built a complex 3D WebGL configurator for steel warehouse design with multi-user support and cloud storage. Features real-time building customization, drag-and-drop positioning, intelligent beam merging, opening placements, and comprehensive BOM generation. Optimized for browser constraints (2GB memory limit) using custom shaders and intelligent geometry generation.
Key Features
Multi-building design with drag-merge functionality
Real-time 3D visualization with WebGL optimization
Comprehensive customization (openings, lean-tos, roof types, colors)
Smart beam structure generation and merging
Auth0 authentication with AWS DynamoDB storage
Environment and time-of-day visualization
JSON-based building configuration export/import
BOM generation for procurement
Architecture
S3-hosted static WebGL build, DynamoDB for building data persistence, Auth0 for authentication, custom WebGL shaders for memory optimization, intelligent LOD system for performance.
Technology Stack
Detailed technical blog post coming soon. This project showcases production-grade architecture and real-world problem solving.