Building Applications with Spring 5 and Vue.js 2

Implementing home page frontend

Now, let's do a task breakdown to see what we need to do to implement the home page:

• Create a service to interact with backend APIs
• Save the user's name, boards, and teams in a Vuex store
• Add PageHeader.vue
• Add HomePage.vue
• Add the create board pop up window
• Add the create team pop up window
• Create a blank board page for redirecting users to it after board creation

In this section, we will start writing code for the frontend, and we will skip those parts that we have already covered when building the register page and the login page. We will focus on the following topics:

• How to use Vuex
• How to implement pop up windows with the Bootstrap model

Before we move on, let's create the UI of the home page. Here ...