Gautier Rollin

Single 3D configurator page application with React.

Live project:


Like the Schmidt 3D configurator web application, I worked on this project as a frontend developer for Hapticmedia. My main tasks were to work on the UX, the frontend development of the whole web application and a bit of project management with daily exchanges with the client.

Technical part

The web application was developed in JavaScript ES6 and with React, at the time of class components. The build part was managed with a custom Webpack configuration.

To make communications easier between the website and the web application, we used the same proxy class as in the Schmidt web application that acted as a bridge and was the only way to get data from the website to the web application, or from the application to the website.

All business rules were managed outside React with purely testable functions. All regressions were reproduced by a test before being corrected in the code.

Finally, to avoid CSS being overridden by website styles as much as possible, we have used the BEM class naming convention, prefixed by a complex selector.

A few statistics

  • Project still live since 2017
  • Working within a team of 7 (2 frontend developers, 2 backend developers, 2 3D designers, 1 project manager)
  • Client annual revenue over €640,000,000