Brainalytica Dashboard with Firebase Auth, ReactContextApi and Session Mgmt built in!!

• Based off Devias React Material Template "Brainalytica" found here
• Lots of Firebase Auth help from "rwieruch" here

Table of Contents

• Demo
• Quick Start
• Design Files
• Resources
• Reporting Issues
• Contact Us

Demo

• Firebase Auth Demo

Quick start

• Download from Github or clone the repo: git clone https://github.com/dnbr2002/react-material-dashboard

• Create firebase project

  • In your project go to Authentication/Sign-in Method. Enable Email, Google and Facebook. Follow instructions in Firebase for setting up Social logins with providers. Optional Under Advanced, if you allow multiple accounts per email address this will resolve issues with Facebook, Google and Email duplicate overlaps.
  • In the root of your project create a .env file. Grab the values from firebase and place them in this file. It should look something like this.

  REACT_APP_API_KEY=aREALLLY_bigFJKFJDKAFJugly_KEY
  REACT_APP_AUTH_DOMAIN=your-project-name.firebaseapp.com
  REACT_APP_DATABASE_URL=https://your-project-name.firebaseio.com
  REACT_APP_PROJECT_ID=your-project-name
  REACT_APP_STORAGE_BUCKET=your-project-name.appspot.com
  REACT_APP_MESSAGING_SENDER_ID=999120432754      <-----will look something like this
  

• Install dependencies: npm install or yarn

• Start the server: npm run start or yarn start

• Views are on: localhost:3000

Resources

• React Material Template - Devias
• Firebase Auth Example - RWieruch
• Firebase Auth - Official Docs

Reporting Issues:

• Github Issues Page

Contact Us

• Email : bryce.kinnamon@gmail.com