diff --git a/package.json b/package.json
index a7d490e..1a480a6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "element-ui": "^1.1.6",
+    "firebase": "^3.6.10",
     "vue": "^2.1.10",
     "vue-router": "^2.2.0"
   },
diff --git a/src/main.js b/src/main.js
index 4a147bd..b239e3e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,7 @@ import router from './router'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-default/index.css'
 import NavBar from 'components/NavBar'
+import * as firebase from 'firebase'
 
 Vue.use(ElementUI)
 Vue.component('navbar', NavBar)
@@ -16,3 +17,14 @@ new Vue({
   router,
   render: h => h(App)
 })
+
+// Initialize Firebase
+// TODO: Replace with your project's customized code snippet
+var config = {
+  apiKey: 'AIzaSyC2TLBwX_OGeaUNpJzxy_WuxTgAxR7ud84',
+  authDomain: 'easyeditor-adaa5.firebaseapp.com',
+  databaseURL: 'https://easyeditor-adaa5.firebaseio.com',
+  storageBucket: 'easyeditor-adaa5.appspot.com'
+}
+
+firebase.initializeApp(config)