Name Last Update
client Loading commit data...
.gitignore Loading commit data...
License Loading commit data...
MEALKHU.pptx Loading commit data...
README.md Loading commit data...
package-lock.json Loading commit data...
package.json Loading commit data...
server.js Loading commit data...

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