MEALKHU

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

site

http://www.mealkhu.tk/

How to install

1. clone : 로컬로 저장소를 클론합니다. $ git clone http://khuhub.khu.ac.kr/2019102227/TermProject.git
2. npm install : 루트 디렉토리에서 아래의 명령어로 모듈들을 설치합니다. $ npm install && cd client && npm install

How to use

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

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

  $ npm run dev
  

• 데이터 custom 하기 : 루트 디렉토리에 json_datas.json이름의 파일을 생성하고, 아래의 형식처럼 데이터들을 저장해줍니다.

  [
  {
  "id": "1",
  "name": "식당이름",
  "address": "식당주소",
  "latitude": "위도", 
  "longitude": "경도",
  "type": "식당종류", (ex : '한식', '중식', '일식', '고기', '분식', '호프', '술집', '패스트푸드', '카페', '디저트', '기타')
  "menu": "메뉴",
  "img": "이미지",
  "img_source": "이미지출처"
  }, ...
  ]
  

• 각종 key들 설정법

  // 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