init firebase in the project

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "exopen-c2af4"
+  }
+}

database.rules.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": true,
+    ".write": true
+  }
+}

firebase.json

@@ -0,0 +1,19 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

src/firebase/context.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const FirebaseContext = React.createContext(null);
+
+export const withFirebase = Component => props => (
+    <FirebaseContext.Consumer>
+        { firebase => <Component {...props} firebase={firebase} />}
+    </FirebaseContext.Consumer>
+);
+
+export default FirebaseContext;

src/firebase/firebase.js

@@ -0,0 +1,35 @@
+import app from 'firebase/app';
+import 'firebase/database';
+
+const config = {
+    apiKey: "AIzaSyCvwmNhhs-1PEF9Qk1gOYNpp-m65-0JJNY",
+    authDomain: "exopen-c2af4.firebaseapp.com",
+    databaseURL: "https://exopen-c2af4.firebaseio.com",
+    projectId: "exopen-c2af4",
+    storageBucket: "exopen-c2af4.appspot.com",
+    messagingSenderId: "1003479661787"
+};
+
+class Firebase {
+    constructor() {
+        app.initializeApp(config);
+
+        this.db = app.database();
+        this.auth = app.auth();
+    }
+
+    // *** Auth API ***
+    createUserWithEmailAndPassword = (email, password) => 
+        this.auth.createUserWithEmailAndPassword(email, password);
+
+    signInWithEmailAndPassword = (email, password) => 
+        this.auth.signInWithEmailAndPassword(email, password);
+
+    signOut = () => this.auth.signOut();
+
+    sendPasswordResetEmail = email => this.auth.sendPasswordResetEmail(email);
+
+    updatePassword = password => this.auth.currentUser.updatePassword(password);
+}
+
+export default Firebase;

src/firebase/index.js

@@ -0,0 +1,6 @@
+import Firebase from './firebase';
+import FirebaseContext from './context';
+
+export default Firebase;
+
+export { FirebaseContext };

src/index.js

@@ -2,11 +2,16 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './components/App';
-import * as serviceWorker from './serviceWorker';
+// import * as serviceWorker from './serviceWorker';
+import Firebase, { FirebaseContext } from './firebase';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(
+    <FirebaseContext.Provider value={new Firebase()}>
+        <App />
+    </FirebaseContext.Provider>, 
+    document.getElementById('root'));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+// serviceWorker.unregister();