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