Mocking up the UI
In the first few chapters of this book, we created a car database backend that provides the RESTful API. Now, it is time to start building the frontend for our application.
We will create a frontend with the following specifications:
- It lists cars from the database in a table and provides paging, sorting, and filtering.
- There is a button that opens a modal form to add new cars to the database.
- In each row of the car table, there is a button to edit the car or delete it from the database.
- There is a link or button to export data from the table to a CSV file.
UI mock-ups are often created at the beginning of frontend development to provide customers with a visual representation of what the user interface will look like. Mock-ups are quite often done by designers and then provided to developers. There are lots of different applications for creating mock-ups, such as Figma, Balsamiq, and Adobe XD, or you can even use a pencil...
