2. Project Layout

Summary

In this chapter, we will discuss the layout and directory structure of the Product Configurator tutorial.

Concepts


These tutorials will use a working development environment to enable you to code along through this exercise. If you have not already reviewed the Environment Setup section of these tutorials, please do that first.

Once you have VS Code set up and Node.js installed, open the Product Configurator project directory in your editor.

<HC_installation_root>
├── tutorials
│   ├── product_configurator // HERE
│   │   ├── data
│   │   │   ├── attachPoints.json
│   │   │   └── scs
│   │   ├── favicon.ico
│   │   ├── img
│   │   ├── index.html
│   │   ├── package-lock.json
│   │   ├── package.json
│   │   ├── src
│   │   │   ├── css
│   │   │   ├── hoops
│   │   │   └── js
│   │   ├── tsconfig.json
│   │   └── webpack.config.js

A brief overview of this directory structure:

In order to focus more on the HOOPS Communicator WebViewer API, we have provided the HTML, CSS, and project configuration files for you, so you do not need to write them yourself.

top_level:1 tutorials:3