- Based off Devias React Material Template "Brainalytica" found here
- Lots of Firebase Auth help from "rwieruch" here
-
Download from Github or clone the repo:
git clone https://github.com/dnbr2002/react-material-dashboard
-
- 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
oryarn
-
Start the server:
npm run start
oryarn start
-
Views are on:
localhost:3000
- React Material Template - Devias
- Firebase Auth Example - RWieruch
- Firebase Auth - Official Docs
- Email : [email protected]