Technical requirements

The Spring Boot application that we created in Chapter 4, Securing and Testing Your Backend is needed.

Node.js and create-react-app should be installed.

Mocking up the user interface

In the first few chapters of this book, we created a car database backend that provides the REST API. Now it is time to start building the frontend to our application. We will create a frontend that list cars from the database and provides paging, sorting, and filtering. There is a button that opens the modal form to add new cars to the database. In each row of the car table, there is a button to delete the car from the database. Table rows are also editable and modifications can be saved to the database by clicking the Save button in the row. The frontend contains a link or button to export data from the table to a CSV file.

Let's create a mock-up from our user interface. There are lots of different applications for creating mock-ups, or you could even use a pencil and paper. You can also...