The UI of the board page

Now, let's take a look at the UI of the board page that we're building. Figure 12.1 is the UI design of the page:

Figure 12.1: UI of the board page

As you can you see, we have the card lists shown as columns on the page. In the Todo list, the cards are listed vertically with their titles showing. For cards that have images uploaded, we will show a thumbnail as the card cover, as shown in the fourth card. In this chapter, the cards will only be listed with their titles. We will implement the cover image in the next chapter, once we have uploaded an attachment feature implemented.

Figure 12.2 shows the UI of the board ...

Get Building Applications with Spring 5 and Vue.js 2 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.