README.md



MEALKHU

MEALKHU는 경희대학생들의 식사고민을 덜어주기 위해 제작된 웹사이트입니다. 경희대 근처 생활권(정건, 마을)에 있는 식당들을 종류별로 카테고리화 했습니다. 랜딩페이지에서 랜덤추천 및 mealkhu맵을 이용할 수 있고, 메뉴페이지에서 메뉴별 식당들을 조회할 수 있습니다. pick기능으로 원하는 식당을 mypick에 담아 둘 수 있습니다. 


How to install


clone : 로컬로 저장소를 클론합니다.
bash
$ git clone http://khuhub.khu.ac.kr/2019102227/TermProject.git


npm install : 루트 디렉토리에서 아래의 명령어로 모듈들을 설치합니다.
bash
$ npm install && cd client && npm install

## How to use
react 서버 실행 방법 : 루트 디렉토리에서 아래의 명령어를 실행합니다.
bash
$ npm run client


node 서버 실행 방법 : 루트 디렉토리에서 아래의 명령어를 실행합니다.
bash
$ npm run server


react, node 서버 동시 실행 방법 : 루트 디렉토리에서 아래의 명령어를 실행합니다.
bash
$ npm run dev


데이터 custom 하기 : 루트 디렉토리에 json_datas.json 파일을 생성하고, 아래의 형식처럼 데이터들을 저장해줍니다.
javascript
[
{
"id": "1",
"name": "식당이름",
"address": "식당주소",
"latitude": "위도", 
"longitude": "경도",
"type": "식당종류", (ex : '한식', '중식', '일식', '고기', '분식', '호프', '술집', '패스트푸드', '카페', '디저트', '기타')
"menu": "메뉴",
"img": "이미지",
"img_source": "이미지출처"
}, ...
]


각종 key들 설정법
bash
// database.json
{
"host":"호스트",
"user":"유저",
"password":"비밀번호",
"port":"포트번호",
"database":"database이름"
}
// jwt_key.json
{
"value": "키"
}
// client/config/appKey.json
{
"value": "카카오API키"
}


Tech Stack


React
Node.js
Mysql
Aws EC2
Kakao Map Api
## License
MIT LICENSE