####################
Product Configurator
####################

.. toctree::
   :maxdepth: 1
   :caption: Table of Contents

   project-layout
   setting-up-the-viewers
   loading-models
   add-component-selection
   incorporating-model-relationships
   clearing-the-build

----------------------------------------

This tutorial focuses on capabilities that would typically be provided by a product configurator visualization solution. The concepts here are not specific to a product configurator, and can be cherry picked for use in your own application. A completed version of this tutorial can be found on our `GitHub project <https://github.com/techsoft3d/product-configurator>`_. The *master* branch contains an empty |HCNOW| project, intended for you to paste code snippets from this tutorial and build the app as you follow along. Alternatively, the *completed* branch contains the completed tutorial.


.. raw:: html

	<h2>Covered topics</h2>

* Bringing multiple models and assemblies in and out of the scene
* Inserting transformed nodes into an existing model assembly tree
* Working with multiple WebViewers
* Incorporating external data

The intent would be for the end user to navigate a selection of potential components, view them, and select the desired component to be added to the final assembly.

---------------------------------------------

By the end of this tutorial, we will see an application that looks similar to the final result below.

.. image:: images/product-configurator-final-result.png
