Web Development with Bootstrap and Vue.JS by Olga Filipova

Author:Olga Filipova [Filipova, Olga]
Language: eng
Format: azw3
Publisher: Packt Publishing - ebooks Account
Published: 2017-12-06T05:00:00+00:00

Chapter 5. Configuring Your Pomodoro

In the previous chapter, we implemented the main feature of our ProFitOro application – the Pomodoro timer. We even added a hardcoded workout, so we can exercise during our breaks. Actually, I already started using ProFitOro. While I'm writing these words, the Pomodoro clock counts down – tick tick tick tick.

In this chapter, we are going to explore the Firebase Realtime Database's possibilities and its API. We are going to manage storing, retrieving, and updating usage statistics and configuration of our application. We will use the Vuex store to bring the application's data from the database to the frontend application.

To bring this possibility to the UI, we will use Vue's reactivity combined with the power of Bootstrap. Thus, in this chapter we are going to implement the statistics and settings ProFitOro components using:

Firebase Realtime Database

Vue.js reactive data bindings and Vuex state management

The power of Bootstrap to make things responsive

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.