Update README.md Project Architecture

JungSeungHyun
Commit 66e2f6e06b5d216c143a971938740a2c8a6bf5ea 66e2f6e0 1 parent 1d6b9db8
Showing 1 changed file with 76 additions and 24 deletions
README.md
--- a/README.md
View file @66e2f6e
+++ b/README.md
View file @66e2f6e
@@ -20,30 +20,37 @@ KHU-Hub repo : [khuhub.khu.ac.kr/2018102216/dev-profile](https://khuhub.khu.ac.k
 - [x] direct and easy login via GitHub
 - [x] intuitive and easy-to-use structure
-### ● Road Map
-![roadmap](https://oss-2020105657.s3.amazonaws.com/roadmap.png)
-## <br>
 <br>
 ### ● Home Page
-    1. you can join or login with github.
+
-    2. you can search.
+    1. You can join or login with GitHub account.
+    2. You can search via Google.
+
 ![homepage](https://oss-2020105657.s3.amazonaws.com/homepage.png)
 ### ● Myprofile Page
+
     1. You can see your profile information, github contributions, repositories, status at a glance.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/myprofile.png)
-### ● Editprofile Page
+### ● Edit Profile Page
+
     1. You can input or change your informations.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/edit+profile.png)
 ## <br>
+
 <br>
 ### ● Test installation
-This is the usage just for the being.
+<details>
+<summary>Click to see full walkthrough!</summary>
+<div markdown="1">
+
 After cloning repository, type into terminal to automatically install modules and libraries.
 ```bash
@@ -59,58 +66,107 @@ npm run dev:server
 ```bash
 npm run dev:assets
 ```
+
 ## <br>
+
 <br>
-### ● Installation MongoDB
+### ● MongoDB Installation
+
     1. Access to the MongoDB homepage.
+
 ![homepage](https://oss-2020105657.s3.amazonaws.com/MongoDB+homepage.png)
     2. Select options and download MongoDB.
+
 ![options](https://oss-2020105657.s3.amazonaws.com/MongoDB+install.png)
     3. If this screen appears when installing MongoDB, please select 'complete' and proceed.
+
 ![precaution](https://oss-2020105657.s3.amazonaws.com/MongoDB+precaution.png)
-    4. When you enter 'mongo' command in vsc terminal, it is installed well when the screen appears as below.
+    4. If you enter 'mongo' command in vsc terminal, it will be installed with the screen appearing as below.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/MongoDB+installation+well.png)
-### ● To setting environment variable.
+### ● Setting environment variables
+
 ```bash
     -ps. When entering 'mongo' command in vsc terminal, skip this part if it runs well.
 ```
-    1. Find folder where mongoDB is installed, and make a copy of the folder's route.
+
+    1. Find the folder where mongoDB is installed, and copy the folder's route.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/MongoDB+path.png)
-    2. And you open the 'environment variable' page. If using window environment, you can use command (window + R) and input 'sysdm.cpl ,3'. And click 'environment variable'.
+    2. Open the 'environment variable' page. In Windows environment, you can use command (window + R) and input 'sysdm.cpl ,3'. Then, click 'environment variable'.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/environment+window.png)
     3. You must find 'path' in 'system variable' categroy, not 'users variable'. If you find 'path' in 'system variable', then check 'path' and click 'Editing'.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/Find+path+in+system+variable.png)
     4. Create a new environmental variable path using the Mongo db address you copied earlier.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/make+new+environment+path.png)
-    5. Please check if Mongo Db is working well in fourth method of "Installation MongoDB".
+    5. Please check if Mongo Db is working well refering to the fourth method of "MongoDB Installation".
+
+### ● Nodejs Installation
-### ● Installation Nodejs
     install node js.
+
+</div>    
+</details>
+
 ## <br>
+
 <br>
-### ● How to contribution our project.
+### ● Project Architecture
-    1. Please fork our repository.
+
-    2. Change your branch to 'develop'.
+![image](https://cherriesbucket.s3.amazonaws.com/OSS_Project_Architecture.png)
-    3. Send pull request.
+
 ## <br>
+
 <br>
-### ● How to fill .env file.
+### ● Road Map
+
+![roadmap](https://oss-2020105657.s3.amazonaws.com/roadmap.png)
+
+## <br>
+
+### ● How to fill .env file
+
     1. If you clone our repository and downloads required modules, make new '.env' file.
     2. Fill in the required values as shown below.
+
 ![image](https://oss-2020105657.s3.amazonaws.com/fill+env+file.png)
+
 ## <br>
+<br>
+
+### ● How to contribute our project
+
+    1. Please fork our repository.
+    2. Change your branch to 'develop'.
+    3. Send pull request.
+
+## <br>
+
+<br>
+
+### ● Contributor Contact
+
+    Lee Se Jin : lsj8706@naver.com
+    Kim Cherrie : cherriekim925@gmail.com
+    Jung Seoung Hyun : jshbest00@khu.ac.kr
+
+<br>
+
 ### ● API reference
 [Programming Quotes API](quotes.stormconsultancy.co.uk/random.json)
@@ -123,10 +179,6 @@ npm run dev:assets
 <br>
-### ● Contact way to Contributor
-    Lee Se Jin : lsj8706@naver.com
-    Kim Cherrie : cherriekim925@gmail.com
-    Jung Seoung Hyun : jshbest00@khu.ac.kr 
-
 ### ● License
+
     [MIT](https://choosealicense.com/licenses/mit/)