This chapter explains the steps that are needed to start the development of the frontend part. We will first define the functionalities that we are developing. Then we will do the mock-up of the user interface. As a backend, we will use our Spring Boot application from Chapter 4, Securing and Testing Your Backend. We will start development using the unsecured version of the backend. Finally, we will create the React app that we will use in our frontend development.

In this chapter, we will look at the following:

• Why and how to do a mock-up
• Preparing our Spring Boot backend for frontend development
• Creating the React app for the frontend