Skip to content

Latest commit

 

History

History
88 lines (35 loc) · 3.98 KB

README.md

File metadata and controls

88 lines (35 loc) · 3.98 KB

ITBE-Fusion-Lab

Web Application for Ifc Model Web Viewer

1)Overal Software Implementation Setup 🌱

1.1)Overall Architecture of the Web Application:

The web application is locally hosted and built using Node.js along with various packages and frameworks such as Express.js for server-side development, Mongoose for MongoDB database integration, and npm for package management. Additionally, the application utilizes HTML, CSS (with Bootstrap), and JavaScript for front-end development, handles routing, and interacts with the MongoDB, a NoSQL database.

⚡Packages Used:

• Node.js: A JavaScript runtime environment used for server-side development.

• npm: A package manager for Node.js used to install and manage dependencies.

• Express.js: A web application framework for Node.js used to handle routing, middleware, and server logic.

• Mongoose: An object data modeling (ODM) library for MongoDB and Node.js used to manage database interactions.

• Bootstrap: A front-end framework used for designing responsive websites.

• Nodemon: A utility that monitors changes in the source code and automatically restarts the server during development, enhancing the developer experience.

• API Keys: Advanced Bootstrap forms are integrated with API keys for digital participation and contact forms, allowing for secure and seamless communication between the web application and APIs.

-Diagram of web application

Screenshot 2024-02-26 013121

-Overall Web Page Design :

Screenshot 2024-02-26 013121 Screenshot 2024-02-26 012846 Screenshot 2024-02-26 012826 Screenshot 2024-02-26 013218

-Digital Participation Form Page :

Screenshot 2024-02-26 013233 Screenshot 2024-02-26 013242
  • 3D Web Map Development with CesiumJS :
Screenshot 2024-02-24 154132 Screenshot 2024-02-24 154059
  • IFC Model Design on Revit:
Screenshot 2024-02-20 030652
  • Generated CityGML of the IFC:
Screenshot 2024-02-20 144115
  • 👀🌱 Different aspects of the project -->
Screenshot 2024-02-26 013132 Screenshot 2024-02-26 013152
  • Watch my render video! 👀 -->

https://www.youtube.com/watch?v=f82vfcbySz4