In this chapter we have added basic routing to our application using different tools. First, we learned how to use vue-router to achieve routing functionality and then we used the Nuxt.js template to build a brand new application using old components and styles. We have used the concept of pages offered by Nuxt vue in order to achieve the same routing functionality as with vue-router
and have transformed our ProFitOro application into a Nuxt application in an easy and unobtrusive way. We have significantly reduced the amount of code and learned something new. Total winners!
In this chapter we have also used Bootstrap's navbar
to display our navigation routes in a nice and responsive way, and learned that even with the most drastic refactoring, the functionality and responsiveness stays with us when we use the Bootstrap approach. Once again – great success!
Our application is almost fully functional, however, it still lacks its main functionality – workouts. For now, during the Pomodoro...