Skip to content

Demo to visualize data from Cloud Firestore database using D3 and enable Firebase auth login inside a React web app.

Notifications You must be signed in to change notification settings

AleeWeb/react-d3firestore-dash

Repository files navigation

React, Firebase Auth, D3 and Cloud Firestore Database

This project visualizes data from a Cloud Firestore database using D3 and enables Firebase auth login and registration!

Dashboard Screenshot

Login

You can use your Google account or register any email and password that you would like to use to login.

https://ms-dashboard-70187.firebaseapp.com

You can also use this demo login here: Username: user@email.com and Password: login123!

How to get your own Firebase Config, database and Google Auth API kets

Firebase Setup

To use your own data, you will have to create your own project in the Firebase Console after logging into your Google account.

1. Go to https://console.firebase.google.com/ and create a new project

2. Then click on the gear icon in the left nav and clickon project settings

3. Scroll down on the General tab and click on circle next to "Config" under the header "Firebase SDK snippet"

Google API

Go to https://console.cloud.google.com and create a project that you will use to obtain the Google Auth API credentials for the Firebase Auth

About

Demo to visualize data from Cloud Firestore database using D3 and enable Firebase auth login inside a React web app.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published