IFC Viewer | BIM

This web-based BIM software project has been developed using the following technologies: React.js and Three.js to implement the user interface and 3D display. IFC.js from ThatOpenCompany to analyze and manage IFC files. PHP to support and develop back-end sections.

Technologies


  • JS

  • BIM

  • React.js

  • ThatOpen

My Role


  • BIM Developer

  • Project Manger

Client


  • Mr Mousavi Tehran,LeanTower

Year


  • 2023-2024

Location


  • Tehran, Iran

Category


  • BIM

My Proccess

In this project, my role included programming the 3D part and coordinating the team as a project manager. This experience allowed me to develop my technical and management skills simultaneously

Step one

Steps

  • Step 1

    The key feature of this project is the ability to load IFC files and their detailed information via the web, providing special functionalities.

    Step 1
  • Step 2

    In this project, you could navigate through the environment like a first-person walkthrough using keyboard movement keys, or even run.

    Step 2
  • Step 3

    Large architectural files from Revit software in IFC format could be read and worked with efficiently, maintaining good performance on the web.

    Step 3
  • Step 4

    By clicking on any part of the building, you can view the properties of that element, including area, material, and other details embedded in the IFC file.

    Step 4
  • Step 5

    We also included an admin panel, allowing the project manager to create separate projects for different clients. Each project has its own IFC Viewer. Additionally, a unique URL are provided, enabling you to share the 3D model viewer on your website or with clients and colleagues.

    Step 5

Gallery

project img
project img
project img
project img
pointer