JungSeungHyun

Update README.md Project Architecture

Showing 1 changed file with 76 additions and 24 deletions
......@@ -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.
1. Please fork our repository.
2. Change your branch to 'develop'.
3. Send pull request.
### ● Project Architecture
![image](https://cherriesbucket.s3.amazonaws.com/OSS_Project_Architecture.png)
## <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/)
......