Developing the project
There are two different aspects that we need to consider: the GUI design and application development. The application will have a Graphical User Interface (GUI) to engage users with visual indicators. We are going to use Light and Versatile Embedded Graphics Library (LVGL) for this purpose, as we already learned how to use it in the previous chapter. After having the GUI, we can integrate it into the application and move on from there, with the implementation of the actual application to react to user input.
Let’s start with the GUI design.
Designing the GUI
Although you can just copy the generated UI files from the project repository, you can also try to design the GUI yourself by using SquareLine Studio. It is impossible to describe every detail here; nonetheless, I will list the fundamental steps below:
- Start SquareLine Studio, and create a new project for Espressif / ESP-BOX.
Figure 5.5: Create a new SquareLine project...
