Vue.js: build a full stack app with firebase, vuex and router

Packt Video: 6 hours 5 minutes

Author: Chris Dixon

Overview

Take your JavaScript and Vue skills to the next level by learning state management, routing, authentication, and Firebase

Learn:

• Discover core Vue concepts such as for instance methods, looping, components, data binding, passing data and event handling
• Understand how to apply routing concepts such as scroll behaviour and navigation guards
• Integrate Firebase with projects for persistent data storage and authentication

During this course, you will build a full stack project and discover how to integrate state management, front-end routing, databases, authentication and code splitting.

You will build a pizza restaurant project from scratch which allows users to place an order from a menu section. These orders are then pushed to Firebase for persistent data storage. You will also create an admin section, where authorized users can add or remove menu items and manage orders that are placed. These orders will also be pushed to Firebase. All your pages will be managed by the Vue Router and you’ll learn to create routes, navigation methods, navigation guards, binding routes and different router modes.

This project uses Vuex for state management, which will give your app a single store for all of your state. It will be kept in sync with Firebase, so you’ll always have easy, local access to your data. By the end of this course, you will be well-versed with JavaScript and Vue and have developed the skills you need to build robust projects from scratch.

All the codes and supporting files for this course are available at -https://github.com/PacktPublishing/Vue.js-Build-a-Full-Stack-App-With-Firebase-Vuex-and-Router