Firebase detailed instruction

lidaof · Jul 16, 2019 · 351cc8a · 351cc8a
1 parent 40e55f5
commit 351cc8a
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 0 deletions.
diff --git a/docs/_static/fire1.png b/docs/_static/fire1.png
diff --git a/docs/_static/fire2.png b/docs/_static/fire2.png
diff --git a/docs/_static/fire3.png b/docs/_static/fire3.png
diff --git a/docs/_static/fire4.png b/docs/_static/fire4.png
diff --git a/docs/_static/fire5.png b/docs/_static/fire5.png
diff --git a/docs/installation.rst b/docs/installation.rst
@@ -59,6 +59,28 @@ Create a ``.env`` file under ``frontend/`` folder with following content::
     REACT_APP_FIREBASE_DATABASE="Your own info"
     REACT_APP_FIREBASE_STORAGE_BUCKET="Your own info"
 
+The detailed steps of how to get the information above are illustrated in the following screenshots:
+
+Signup a firebase account at Google if you don't have one, then login into your account, create a new prioject:
+
+.. image:: _static/fire1.png
+
+Type in the project name and click the Create project button:
+
+.. image:: _static/fire2.png
+
+Click the Web button to add a Web app:
+
+.. image:: _static/fire3.png
+
+Type in a web app name and click the Register app button:
+
+.. image:: _static/fire4.png
+
+The firebase configuration info will be displayed:
+
+.. image:: _static/fire5.png
+
 Use Docker
 ==========