React Firebase Template

This template uses Firebase authentication with Google and Realtime Database.

Get Started

Click the GREEN "Use this template" button

$ git clone {YOUR-REPO}
$ npm install
$ npm start

On initial start, you will get errors. Add your Firebase CDN credentials.

• Rename the .env.sample to .env
• Place the values from your Firebase App into the values
• Stop your server and start it again. You should be able to login to your application!

Things to note:

• API directory are for calls to the database
• The App/index.js file contains information and rough logic for adding users to your firebase realtime database. The firebase key and uid are important elements since the firebase key is how you grab a record from firebase and the uid is how you can find a user with database rules to index on attributes.

Firebase Videos

• Create FB Project and RT DB
• Set Up Auth
• Create an App
• Add Keys to .env file
• Get Sample Data into FB
• Add Teammates to the Project
• Deploy SPA using Netlify
• Setting up env vars in Netlify