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 ...

Get Vue.js 2 and Bootstrap 4 Web Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.