Basic CRUD Application in VUE with Firebase

Basic CRUD Application in VUE with Firebase

 

BASIC INTERFACE OF THE APPLICATION

 

 

Add names in the CRUD Application

 

 

Edit names in the CRUD Application

 

 

Successfully updated in the interface

 

 

Adding more entries in the Application

 

 

You can remove names in the application

 

 

Step-1 Initializing Vue Project using Vue CLI

 

 

Step-2 Starting the Server

 

 

 

Step-3 Adding Firebase to Project

 

 

Step-4 Adding Names to the Firebase Database

 

 

Step-5 Populating Names in the Browser

 

 

Step-6 Deleting Names from the Firebase Database

 

 

 

Step-7 Editing the Names in the Firebase Database

 

 

Step-8 Completing the Project by completing the Editing Process

 

https://youtu.be/MznjgDhDxHM

 

Congratulations we are done making a CRUD Application in Vue.js which is integrated with Firebase at the backend. Thanks for reading this post and if you like reading this and wants to read more of this please subscribe the blog below to get all the notications.

Leave a Reply

Close Menu