React

The UI of the customizer has been coded using the React framework. All the code relative to the UI can be found inside the /src folder. I tried to divide the UI in several React components to help you understand the code as easily as possible. Here is a quick overview of the main components:

• Name.js will display the top left name of the customizer.
• Category.js will display the different categories of objects (Heads, Torsos, Arms, Hands, Legs, Foots, Poses and Stands).
• Selector.js will display the actual library of content in each category.
• PageLoader.js is a loader (with the rotating logo), when the page loads, similarly Loader.js is a loader for the MMF upload, and PartLoader.js is a loader for loading each meshfile.
• Buttons.js is responsable for the buttons on the bottom-left corner.
• Popup.js is a component used to display all the popup messages.
• Footer.js deals with the small footer copyright information.

I recently added a component called SearchBar.js which filters the elements inside the selector depending on the content of the search text.