Home

Welcome to the Build a Web-based 3D Viewer workshop. This workshop will walk you through the process of building a web-based 3D model viewer to visualize and share 3D models with your team. Starting from the ground up, the course will cover how to build a simple nodejs backend server, serving a Vue based frontend with firebase. Next, we set up the database and authentication which will allow users to upload and store 3D models. Finally, with the model in place, the focus will shift to the frontend, building a threejs based model viewer with sharing and commenting functionality.

Please make sure you have the following before starting.

Requirements

Software

• Node 14.18.1
• Git
• Github Desktop
• Visual Studio Code
• Rhino(optional)

Accounts

• GMail
• Github
• Slack(optional)

Stack

• nodejs (14.18.1)
• vuejs (2.6.11)
• vuetify (2.5.10)
• firebase (8.10.0)
• firebaseui (5.0.0)
• threejs (0.133.1)
• Rhino 3D

System Diagram