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

In this chapter, we will cover the following topics:

• Why a mock-up is necessary and how to go about it
• Preparing our Spring Boot backend for frontend development
• Creating the React app for the frontend