Skip to main content

Create Dashboards from a Firebase Database

💭 Would you like to go over this topic with an instadeq specialist?

📅 Book a Call Free of Charge

Firebase

Firebase is categorized as a NoSQL database program, which stores data in JSON-like documents.

You can use Instadeq to create live dashboards, reports and make interactive analysis of your Firebase Realtime data.

Step 1 - Open Firebase Homepage

Go to https://firebase.google.com/ and create an account if you don't have one yet, then login and go to the main console.

/galleries/guide-images/firebase/1-firebase-home-page.png

Step 2 - Create a new Project

Select an existing project or create a new one.

/galleries/guide-images/firebase/2-create-project.png

In this example I will call it Flickr Photos and use geolocated data for photos uploaded to Flickr.

/galleries/guide-images/firebase/3-name-your-firebase-project.png

You can disable Google Analytics if it is a test project

/galleries/guide-images/firebase/4-disable-google-analytics.png
/galleries/guide-images/firebase/5-project-ready.png

Step 3 - Create a Realtime Database

Click on Realtime Database

/galleries/guide-images/firebase/6-click-on-realtime-database.png

Click on Create Database

/galleries/guide-images/firebase/7-create-new-database.png

Select a database location

/galleries/guide-images/firebase/8-select-database-location.png

You can start on locked mode but we will need later to enable read mode

/galleries/guide-images/firebase/9-start-in-locked-mode.png

Step 4 - Create a Firebase Card on Instadeq

/galleries/guide-images/firebase/10-create-a-firebase-card.png

Step 5- Create a new app in Firebase

We need to create a new app in Firebase in order to access to our Realtime database from an external app.

/galleries/guide-images/firebase/11-create-a-new-app-for-firebase.png

You can name it Instadeq.

/galleries/guide-images/firebase/12-call-it-instadeq.png

Step 6 - Copy Firebase Configuration to Instadeq Firebase Card

Firebase will generate configuration properties that you need to copy to Instadeq Firebase Card.

We won't enable authentication for this test but we recommend you to read and configure Firebase Authentication.

Fill the configuration fields and when ready select Apply.

/galleries/guide-images/firebase/13-copy-api-key.png

Step 7 - Allow Readmode for your Database

Allow read mode for your Realtime Database. This is for test purpouse only. Later you should configure more advanced security rules.

/galleries/guide-images/firebase/14-edit-database-rules.png

Step 8 - Import a json file to your Realtime Database

/galleries/guide-images/firebase/15-import-a-json-file.png
/galleries/guide-images/firebase/16-import-json-file.png

Step 9 - Check data appears on Instadeq

Every time that you change your json, Instadeq Firebase Card will receive the data in realtime.

/galleries/guide-images/firebase/17-data-will-appear-on-instadeq.png

Firestore Errors

In the tab Error you can find any error connecting with Firebase.

/galleries/guide-images/firebase/16-firebase-errors.png

Step 10 - Build your live Dashboard

Now you can follow our guides, videos or use our templates to create a live no-code dashboard using the data from Firebase.

/galleries/guide-images/firebase/18-live-dashboard.png

💭 Would you like to go over this topic with an instadeq specialist?

📅 Book a Call Free of Charge