비건 레스토랑 목록을 보여주는 웹사이트 개발

이름하여 Vegan restaurants in Seoul 이다.

본 프로젝트는 데이터를 응용한 웹개발 수업의 과제였고, 2주안에 만든 첫 웹개발이기 때문에 아주 뛰어난 퀄리티는 못된다.

또 주제가 흥미로웠으나 데이터가 부족하다는 단점이 있다.

그러나 서울시에서 서울 비건식당 목록 데이터를 공개해준 덕분에 '서울'에 한정해서만 레스토랑 목록을 보여주는 홈페이지를 개발했다. 해당 데이터는 https://news.seoul.go.kr/welfare/public_health/status-of-vegetarian-restaurants 에서 엑셀로 다운받을 수 있다.

엑셀로 다운받으면 sql로 가져와서 데이터를 이용하면 된다.

 

도메인을 사지는 않았기 때문에 localhost에서만 접속가능하다.

 

메인 화면. 왼쪽에 location, 오른쪽 상단에 자세히보면 search rank, join, login 버튼이 있다.

메인 화면에서 검색창에 검색어를 입력하면 해당되는 레스토랑 목록을 보여준다. 이 때 이름에 하이퍼링크가 들어가는데, 카카오맵 api와 연결해서 이 링크를 클릭하면 해당 레스토랑의 카카오맵 지도를 보여주도록 했다.

 

 

또한 회원가입과 로그인 기능도 만들었다.

참고로 회원가입시 type 선택을 통해 논비건, 비건, 락토, 페스코 타입을 선택할 수 있도록 했다.

 

많이 검색한 키워드 순으로 rank를 보여주는 페이지도 만들었으나, 활용도는 적어보인다.

 

만약 참고하실 분이 계시다면, 깃허브를 참고하시길 바란다.

 

https://github.com/whogodemo/vegan

GitHub - whogodemo/vegan: 비건 레스토랑들의 정보와 위치를 알려주는 웹개발