About this project
This project was a browser-based 2D and 3D visualization application developed to help engineers and architects evaluate fire code compliance based on the National Fire Code of Canada.
The application allows users to create rooms of arbitrary shapes, place structural objects within the space, and manipulate those objects interactively through a visual editor. The goal was to provide a more intuitive and visual workflow for configuring spaces and evaluating compliance-related requirements.
The project combined front-end application development, geometry handling, interactive editing tools, visualization systems, and compliance-oriented calculations into a single browser-based platform.
Client : A leading building science consultancy company
Tasks : Front-end application development using modern JavaScript, HTML5 Canvas editor development, ThreeJS 3D visualization development, interactive object manipulation tools, bilingual language implementation, and fire-code-related calculation integration.
What I Developed
I developed a browser-based front-end application featuring a 2D room editor using HTML5 Canvas and a 3D visualization system using ThreeJS. Users can create custom-shaped rooms, place and manipulate structural objects, adjust object properties such as rotation and transformation, and visualize the configured environment in real time.The interface included usability-focused editing features such as snap alignment, rotational alignment, layer toggling, and bilingual language switching to make the application easier and more efficient for engineers and architects to use.
