Preface

This book is about web development using Vue.js, Bootstrap, and Firebase. We will start with a simple tutorial, followed by the detailed explanation of it, and then, we will create a fully functional application from scratch. The application itself is a simple Pomodoro timer with integrated office workouts during the Pomodoro breaks. Throughout the book, you will go through the whole software development process, starting from the definition of requirements, user stories, and mockups, proceeding to the basic scaffolding, and followed by enriching the application with complex features such as authentication, routing, collaborative content, and finishing thorough testing and deployment. You will learn how to use Firebase to implement the authentication and storage for your Vue application and, in the end, how to deploy it. You will enjoy using Bootstrap along with your Vue application in order to easily implement complex components and achieve their responsiveness. You will revisit your trigonometry knowledge by having fun in using it with SVG and Vue.js to build a reactive timer component. So, technology-wise, we will cover as the following topics:

• Vue.js data binding and single file components
• Routing using vue-router
• Server-side rendering and code splitting using nuxt.js
• Testing with jest
• Real-time databases with Firebase
• Authentication using Firebase Authentication
• Deployment using Firebase
• Combining SVG, trigonometry, and Vue.js in reactive components

In the end, you will have your fully functional and fun Pomodoro application ready to use on a daily basis and to keep you fit at your workplace.