Jeongmin Seo

Update README.md

Showing 1 changed file with 83 additions and 15 deletions
1 # 맛집지도 : 실시간 맛집 정보 공유 플랫폼 1 # 맛집지도 : 실시간 맛집 정보 공유 플랫폼
2 +
2 카카오맵 API와 실시간 채팅 기능을 통해 사용자들과 소통함으로써 맛집에 대한 정보를 얻을 수 있는 플랫폼입니다. 3 카카오맵 API와 실시간 채팅 기능을 통해 사용자들과 소통함으로써 맛집에 대한 정보를 얻을 수 있는 플랫폼입니다.
3 4
4 <div align="center"> 5 <div align="center">
5 - <img src="/uploads/f2c62af097272859d8f37acda908d6aa/그림1.png" width="300" height="300"> 6 + <img src="/uploads/6f062fddb950cee4e27b99e9f337ebbf/로고.png" width="300" height="300">
6 </div> 7 </div>
7 8
8 ### 📚 STACKS 9 ### 📚 STACKS
10 +
9 ![node-16.14.2](https://img.shields.io/badge/Node-16.14.2-green) 11 ![node-16.14.2](https://img.shields.io/badge/Node-16.14.2-green)
10 ![express-4.18.1](https://img.shields.io/badge/Express-4.18.1-green) 12 ![express-4.18.1](https://img.shields.io/badge/Express-4.18.1-green)
11 ![html-latest](https://img.shields.io/badge/html-5.2-green) 13 ![html-latest](https://img.shields.io/badge/html-5.2-green)
12 ![css-latest](https://img.shields.io/badge/css-3-green) 14 ![css-latest](https://img.shields.io/badge/css-3-green)
13 - 15 +
14 ![nginx-latest](https://img.shields.io/badge/nginx-latest-blue) 16 ![nginx-latest](https://img.shields.io/badge/nginx-latest-blue)
15 ![socket.io-latest](https://img.shields.io/badge/socket.io-latest-blue) 17 ![socket.io-latest](https://img.shields.io/badge/socket.io-latest-blue)
16 -![AWS_RDS](https://img.shields.io/badge/AWS_RDS-blue) 18 +![AWS_EC2](https://img.shields.io/badge/AWS_EC2-blue)
17 - 19 +
18 ![mysql-2.18.1](https://img.shields.io/badge/Mysql-2.18.1-yellowgreen) 20 ![mysql-2.18.1](https://img.shields.io/badge/Mysql-2.18.1-yellowgreen)
19 ![AWS_RDS](https://img.shields.io/badge/AWS_RDS-yellowgreen) 21 ![AWS_RDS](https://img.shields.io/badge/AWS_RDS-yellowgreen)
20 22
21 -
22 ## About the Project 23 ## About the Project
23 -- 로그인을 통해 사이트에 들어갈 수 있으며, 지역별 맛집정보를 파악할 수 있습니다. 24 +
24 -- 타 유저들과 실시간 소통을 통해 맛집에 대한 정보를 빠르게 얻을 수 있습니다. 25 +- 회원가입 및 로그인을 통해 사이트에 들어갈 수 있습니다.
26 +- 메인 화면에서는 지역별 맛집정보를 파악할 수 있습니다.
27 +- 실시간 채팅을 통해 타 유저들과 해당 음식점의 실시간 정보를 빠르게 공유할 수 있습니다.
28 +- 다음의 주소를 통해 플랫폼 이용이 가능합니다.
25 29
26 ### Overview 30 ### Overview
27 -- 추가 예정(이미지) 31 +
32 +<div align="center">
33 + <img src="/uploads/4205b64858a27863e564579998ce0461/overview.png">
34 +</div>
28 35
29 ### Project Architecture 36 ### Project Architecture
30 -- 추가 예정(이미지) 37 +
38 +<div align="center">
39 + <img src="/uploads/af7ba588e17279d3f7713b5bf3662f66/아키텍처.png">
40 +</div>
31 41
32 ### Built With 42 ### Built With
43 +
33 - [node.js](https://nodejs.org/ko/) 44 - [node.js](https://nodejs.org/ko/)
34 - [express](https://expressjs.com/ko/) 45 - [express](https://expressjs.com/ko/)
35 - [AWS_EC2](https://aws.amazon.com/ko/) 46 - [AWS_EC2](https://aws.amazon.com/ko/)
...@@ -39,21 +50,76 @@ ...@@ -39,21 +50,76 @@
39 - [mysql](https://www.mysql.com/) 50 - [mysql](https://www.mysql.com/)
40 51
41 ## Getting Started ( Installation ) 52 ## Getting Started ( Installation )
42 -### Prerequisites 53 +
43 -- 추가 예정 54 +### Preparation
55 +
56 +Need to write secret file
57 +
58 +- favorite-restaurant/app/.env
59 +
60 +```
61 +#Database configuration
62 +PORT=3000
63 +
64 +DB_HOST = {YOUR_MYSQL_HOST}
65 +DB_USER = {YOUR_MYSQL_USER}
66 +DB_PASSWORD = {YOUR_MYSQL_PASSWORD}
67 +DB_DATABASE = {YOUR_MYSQL_SCHEMA}
68 +```
69 +
70 +Need to fix kakaomap API key
71 +
72 +- favorite-restaurant/app/src/view/home/index.ejs
73 +
74 +```
75 +#Line number 50
76 +src="//dapi.kakao.com/v2/maps/sdk.js?appkey=이곳에API키를입력해주세요&libraries=services"
77 +
78 +```
44 79
45 ### Installation 80 ### Installation
46 -- 추가 예정 81 +
82 +1. Clone the repository
83 +
84 +```
85 +git clone -b master --single-branch http://khuhub.khu.ac.kr/2018100910/favorite_restaurant.git
86 +```
87 +
88 +2. Make secret file (.env) and put your Kakao API key
89 +
90 +```
91 +favorite-restaurant/app/.env
92 +```
93 +
94 +3. Installation
95 +
96 +```
97 +npm install
98 +npm -g install nodemon
99 +npm install express
100 +npm install socket.io
101 +npm install moment
102 +npm install
103 +```
104 +
105 +4. Run
106 +
107 +```
108 +npm start
109 +```
47 110
48 ## Roadmap 111 ## Roadmap
49 -- [x] 1. 로그인/회원가입 창 구현 112 +
113 +- [x] 1. 로그인/회원가입 UI 및 기능 구현
50 - [x] 2. 맛집지도 UI 및 기능 구현 114 - [x] 2. 맛집지도 UI 및 기능 구현
51 - [x] 3. socket.io를 이용한 실시간 채팅 구현 115 - [x] 3. socket.io를 이용한 실시간 채팅 구현
52 - [x] 4. AWS, Mysql을 이용한 데이터베이스 구축 116 - [x] 4. AWS, Mysql을 이용한 데이터베이스 구축
53 -- [ ] 5. 서버 구축 및 배포 117 +- [x] 5. 서버 구축 및 배포
54 118
55 ## Contributing 119 ## Contributing
120 +
56 프로젝트에 기여하고 싶으신 분들은 아래 절차를 따라주시기 바랍니다. 121 프로젝트에 기여하고 싶으신 분들은 아래 절차를 따라주시기 바랍니다.
122 +
57 1. 프로젝트 fork 123 1. 프로젝트 fork
58 2. feature branch 생성 (git checkout -b feature/name) 124 2. feature branch 생성 (git checkout -b feature/name)
59 3. commit (git commit -m "Add feature") 125 3. commit (git commit -m "Add feature")
...@@ -61,8 +127,10 @@ ...@@ -61,8 +127,10 @@
61 5. pull request 생성 127 5. pull request 생성
62 128
63 ## License 129 ## License
130 +
64 MIT 라이센스 아래 사용 가능합니다. LICENSE.txt를 통해 자세한 정보를 확인하세요. 131 MIT 라이센스 아래 사용 가능합니다. LICENSE.txt를 통해 자세한 정보를 확인하세요.
65 132
66 ## Contact 133 ## Contact
134 +
67 - 서정민 : balljm@khu.ac.kr 135 - 서정민 : balljm@khu.ac.kr
68 -- 양주미 : luckyyjm@khu.ac.kr
...\ No newline at end of file ...\ No newline at end of file
136 +- 양주미 : luckyyjm@khu.ac.kr
......