Firebase Config

Firebase

This app uses Firebase as a backend to read and save data for Menu, Order. In this section, you will find all the steps required for the dashboard connection with your Firebase App.

Create a Firebase App

First, you should create a free Firebase account and create a new project there. You can visit firebase.google.com and signup if you don't have an account with Google earlier, and if you have an account, you can create a firebase app project. You can enter the project Name and Select Region, and it will create a Firebase project for you.

Add Firebase to your ionic/Dashboard app

Once the project gets Created, Navigate into Overview menu on the left side then you can see Add Firebase to your web app as displayed in the below screenshot

Copy app credential

Once you copy the Config credential you can replace the current config details on firebase.config.ts

Then, click on the database link on the left panel. Click on small drop-down link on the right and it gives will you an option to export/import project. You need to click on "Import JSON" and upload the dummy JSON we provided. You can find dummy JSON inside Firebase project folder > src > assets. You can select and import this file.

If JSON file has already imported during Ionic app setup, then don't need to follow this setup copy your firebase app credential and add your dashboard config file

And Boom your Firebase project almost ready and you can see all the menu Items within apps from own firebase account.

Firebase Authentication

To Register and Login to apps you need to activate fire base auto Email / password and To config the social Login you need to enable them and add the API key that you need to create on Facebook or Twitter developer account.

You can check Create social app section to create app ID for Facebook, Google +, Twitter .

1. Once you enable Facebook you need to Enter App ID and App Secret Key .You can get this once your Facebook app gets created .

You can Setup Social auth as well but you need do some changes in apps side as well. If you complete all the point successfully it enables you to Login, Register to apps and order any product and all the order item store in your Firebase Database. You can Design own Dashboard CMS to Manage all the order and Menu Item or if you need check our Firebase Dashboard.

Firebase Database/Storage Rule

You need to update database rule to .read and write to all initial setup later based on your requirement to you can update it.

1. Firebase Storage is used to store user profile pics. If you complete all the steps successfully, then you can run ionic firebase app and then you can Register or Login, Order a Product. It will store in your Firebase Database.

You can Setup Social auth as well, but you need to do some changes in the App side as well. You need to register or create an account from ionic mobile apps. Once you register, check your Database there one new user has created. You need to edit user permission from User to Admin to Log on to Dashboard.

If you have any issues you can contact our support team anytime and we will come back and resolve you ASAP.