Chapter 8. Let's Collaborate – Adding New Workouts Using Firebase Data Storage and Vue.js

In the previous chapter, we learned how to add some basic navigation to the Vue application using both vue-router and Nuxt.js. We have redesigned our ProFitOro application, transforming it into a Nuxt-based application. Now our application is functional, it has an authentication mechanism, and it is navigable. However, it still lacks one of the most important features – workouts. In this chapter, we are going to implement the workout management page. Do you still remember its requirements from Chapter 2, Under the Hood – Tutorial Explained?

This page should allow users to see the existing workouts in the database, select or deselect them to be shown up during the Pomodoro breaks, rate them, and even add new workouts. We are not going to implement all these features. However, we are going to implement enough for you to continue this application and finish its implementation with great success! So, in...