Created seperate working environment for Project

    * production data and staging data in isolated firebase apps
    * using scripts to automate process of switching around
    * firebase config updated based on environment

Author: bpalomino5

.gitignore

@@ -11,6 +11,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

package.json

@@ -37,8 +37,10 @@
     "uuid": "^3.3.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "REACT_APP_ENV=staging react-scripts start",
+    "start:staging": "REACT_APP_ENV=staging react-scripts start",
+    "start:production": "REACT_APP_ENV=production react-scripts start",
+    "build": "REACT_APP_ENV=production react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/firebase/firebase.js

@@ -3,12 +3,21 @@ import 'firebase/firestore';
 import 'firebase/auth';
 import 'firebase/storage';
 
-const config = { apiKey: 'AIzaSyALiBQLn0FFSlEL1bKqdRg6C9EpAZWflwg',
-  authDomain: 'thinkspaces-a730b.firebaseapp.com',
-  databaseURL: 'https://thinkspaces-a730b.firebaseio.com',
-  projectId: 'thinkspaces-a730b',
-  storageBucket: 'thinkspaces-a730b.appspot.com',
-  messagingSenderId: '656139817289' };
+const prodConfig = { apiKey: process.env.REACT_APP_PROD_API_KEY,
+  authDomain: process.env.REACT_APP_PROD_AUTH_DOMAIN,
+  databaseURL: process.env.REACT_APP_PROD_DATABASE_URL,
+  projectId: process.env.REACT_APP_PROD_PROJECT_ID,
+  storageBucket: process.env.REACT_APP_PROD_STORAGE_BUCKET,
+  messagingSenderId: process.env.REACT_APP_PROD_MESSAGING_SENDER_ID };
+
+const devConfig = { apiKey: process.env.REACT_APP_DEV_API_KEY,
+  authDomain: process.env.REACT_APP_DEV_AUTH_DOMAIN,
+  databaseURL: process.env.REACT_APP_DEV_DATABASE_URL,
+  projectId: process.env.REACT_APP_DEV_PROJECT_ID,
+  storageBucket: process.env.REACT_APP_DEV_STORAGE_BUCKET,
+  messagingSenderId: process.env.REACT_APP_DEV_MESSAGING_SENDER_ID };
+
+const config = process.env.REACT_APP_ENV === 'staging' ? devConfig : prodConfig;
 
 firebase.initializeApp(config);