How To Build A Vue Survey App Using Firebase Authentication And Database

Your (smashing) email Subscribe →This tutorial would take you on a step by step guide to build a functional survey app using Vue.js and Firebase.
From validating the user’s data through Vuelidate, to authentication, storing the user’s data, route protection and sending data to Firebase servers.
(Large preview)Creating Firebase projects (Large preview)Now that we have our project, the next thing is to set up both our authentication system and database (Realtime database) on Firebase.
It’ll be very useful as the API endpoint when we want to send the data to our firebase database.
getters: { user (state) { return state.user }, isAuthenticated (state) { return state.idToken !== null } }Back to the dashboard, we create a new computed method called name that returns state.user.name only if the user exists.