Skip to content

React Dashboard made with Material UI’s components, React, create-react-app and Firebase Auth to boost your app development process!

License

Notifications You must be signed in to change notification settings

dnbr2002/react-material-dashboard

 
 

Repository files navigation

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

React Material Dashboard

Table of Contents

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

Reporting Issues:

Contact Us

About

React Dashboard made with Material UI’s components, React, create-react-app and Firebase Auth to boost your app development process!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.4%
  • Other 0.6%