In this chapter, we learned how to build a user interface from scratch by first creating a mockup of the interface.
Then, we implemented the main layout, representing the skeleton of the application with all of the files that need to be linked, such as the CSS files and scripts. Once the layout was ready, we modeled the different HTML parts of the user interface in Scala, such as the product panel and the cart panel. The last step was to create the navigation system and user interaction. For that purpose, we created a UI manager, responsible for all the interaction.
As a side note, our user interface is pretty simple, without much interaction. This is why we chose to write the UI manager by hand. If the interface becomes more complex, then it might be useful to use a framework to manage it. At the time of writing, React.js and Angular are two of the most popular frameworks. Be aware, however, that frameworks come with a learning curve, and can quickly become obsolete.
Another solution...