- 웹 서비스 소개
- 기술 스택
- 주요 기능
- 프로젝트 구성도
- 데모 영상
- 개발 팀 소개
성수·홍대·합정·이태원·신사·광화문·명동 등 7개의 인기지역을 위치기반으로 하여 사용자들이 맛집, 카페, 놀거리 일정을 쉽게 짤 수 있도록 돕는 일정 추천 서비스
👉 앱으로 코스 생성 후 웹으로 확인할 수 있는 어디카세 웹사이트
🔗 '어디카세' Back-end 저장소 👈
🔗 '어디카세' App 저장소 👈
![HTML5](https://camo.githubusercontent.com/5206020f736992bcb8c69db0378b675c6a0bc868c1d7d7bcb6605bfbbde8ad2b/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f68746d6c352d6f726967696e616c2d776f72646d61726b2e737667) |
![CSS3](https://camo.githubusercontent.com/d25674e2b5a2c6cc104bd3c1eedab1823d4f8c27cfbd4f36487b140a4e583c4d/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f637373332d6f726967696e616c2d776f72646d61726b2e737667) |
![JavaScript](https://camo.githubusercontent.com/65e0cf3127cd71af7cf9e4da84a7370bbd445bb949ba9fbb06ee0d3dc7a634fb/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f6a6176617363726970742d6f726967696e616c2e737667) |
HTML5 |
CSS3 |
JavaScript(ES6) |
![Axios](https://camo.githubusercontent.com/baddd6d663f06513891550b7c5441868a3770c04128ec1095cac571819172337/68747470733a2f2f706c61792d6c682e676f6f676c6575736572636f6e74656e742e636f6d2f5f415466675235495176324a635961754e7a6854676e744144424543617a6a66416b484d6d713978446a324d63777473313854454a396d335359554e74646273786f67) |
Axios |
![Java](https://camo.githubusercontent.com/996bcd3d5fba24eed097ff142f17ae3a510f4be8746a170afa3458f2bbd45d89/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f6a6176612d6f726967696e616c2d776f72646d61726b2e737667) |
![Spring boot](https://camo.githubusercontent.com/7343123901fcbac6bbc980e16422bfb5c5f063a9a8a49635f3eff8ef3bbabbc4/68747470733a2f2f7065726665637461636c652e6769746875622e696f2f323031382f30372f32322f737072696e672d626f6f742d322d656e762f7468756d622e706e67) |
Java |
Spring boot |
![Python](https://camo.githubusercontent.com/f3f0b1dbaadd99a1cfe6b4e8a3da26e69aeec36517c26c9945a71e850c33ec8b/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f7468756d622f632f63332f507974686f6e2d6c6f676f2d6e6f746578742e7376672f38303070782d507974686f6e2d6c6f676f2d6e6f746578742e7376672e706e67) |
![Selenium](https://camo.githubusercontent.com/68145cfb1a409e0cc7cf9f90bace48cda43ab527a0b2219db3cbbe4d4dd237c9/68747470733a2f2f692e6e616d752e77696b692f692f5948666938715338734a6e30446f646a397670776a5572636a41436768473335477165625a55335a7a72414a394d6a4635367261334b356c3248533973304844534253346f624e69557a7253685662543754643254315164497a732d706c6a376e475a795f62576f326c6d6d72566e324f5a2d45736131706f6a776d5769767777646c6742574f4b5561306d414650474e47576b77772e77656270) |
Python |
Selenium |
![MySQL](https://camo.githubusercontent.com/ef78c9f37a31cfb4865a0e61aba9bcf02d3e1febffe632f1ce34c43b80817726/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f6d7973716c2d6f726967696e616c2d776f72646d61726b2e737667) |
MySQL |
![Git](https://camo.githubusercontent.com/042470c75cf323698a4221a5f3fc172780ee482da38c3b99b7c1073fb6c66725/68747470733a2f2f70726f66696c696e61746f722e7269736861762e6465762f736b696c6c732d6173736574732f6769742d73636d2d69636f6e2e737667) |
![GitHub](https://camo.githubusercontent.com/fbb043f6222f79cd431aef2de0ea1a59cad52fb1ef5c1c97ae8cf4110fce4a56/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f6e706d2f73696d706c652d69636f6e7340332e302e312f69636f6e732f6769746875622e737667) |
Git |
GitHub |
기능 |
내용 |
로그인 및 회원가입 서비스 |
Google, Kakao OAuth를 활용하여 사용자들은 간편하게 회원가입하고 로그인 할 수 있습니다. |
주변 반경 설정 서비스 |
사용자는 서비스 지역을 선택하고, 반경 범위를 설정하여 음식점, 카페, 놀거리를 추천받을수 있습니다. |
코스 생성 서비스 |
사용자는 카테고리별로 추천받은 매장들을 선택하여 자신만의 맛집 코스를 생성할 수 있습니다. |
코스 조회 서비스 |
사용자가 서비스 지역을 선택하면, 조회 및 추천 시스템을 기반으로 코스를 추천합니다. 또한, 해당 코스 내 매장 상세 정보를 확인할 수 있습니다. |
코스 검색 서비스 |
키워드(코스 제목+내용 / 코스 장소 / 작성자) 검색을 통해 코스를 검색할 수 있습니다. |
음식점, 카페, 놀거리 선택 서비스 |
코스 생성시 추천 필터링 조건을 설정해 음식점,카페,놀거리를 추천받을 수 있습니다. 또는, 검색어를 입력해 매장을 선택할 수도 있습니다. |
매장 해시태그 서비스 |
코스 생성 시, 코스에 대한 간단한 설명과 분위기를 나타내는 해시태그를 추가할 수 있습니다. |
사용자 간의 커뮤니케이션 서비스 |
사용자는 코스에 좋아요 기능을 통해 다른 사용자에게 코스를 추천할 수 있습니다. |
아키텍처(Architecture) |
![Architecture](/Eodikase/WebFront/raw/main/readme_img/Architecture.png) |
개체-관계 모델(ERD) |
![ERD](/Eodikase/WebFront/raw/main/readme_img/ERD.png) |
메인 페이지 |
![메인 페이지](/Eodikase/WebFront/raw/main/readme_img/main-page.gif) |
어디카세 서비스의 대략적인 이용 방법을 제공하는 랜딩 페이지 역할을 합니다.
코스 둘러보기(조회) 페이지 |
![코스 조회 페이지](/Eodikase/WebFront/raw/main/readme_img/feed-page.gif) |
사용자가 선택한 서비스 지역의 코스들을 모아 보여줍니다.
서비스 지역 선택 기능 |
![슬라이더](/Eodikase/WebFront/raw/main/readme_img/slider.gif) |
Swiper 슬라이더 라이브러리를 적용하여 서비스 지역 선택시 슬라이드 할 수 있도록 했습니다.
코스 상세페이지 |
![코스 상세 페이지](/Eodikase/WebFront/raw/main/readme_img/course-detail-page.gif) |
NAVER MAPs API를 연동하여 매장 위치를 조회할 수 있도록 했습니다. 코스 정보와 매장 위치를 간략히 보여줍니다.
코스 검색 기능 |
![최근 검색어를 기반으로 추천매물 서비스](/Eodikase/WebFront/raw/main/readme_img/course-search.gif) |
검색창에 키워드(코스 제목,내용 / 코스 장소 / 작성자)검색시 해당하는 코스를 찾아 보여줍니다.
이름 |
역할 |
개발 내용 |
김원석(팀장) |
App Front-end |
프로젝트 매니지먼트, 모바일 UI/UX, Android & iOS 모바일 개발을 담당 |
허정인 |
Web Front-end |
웹UI/UX, 웹 프론트엔드 개발을 담당 |
신희범 |
Back-end |
데이터 셋 크롤링 및 전처리, 데이터베이스 설계 및 유지보수, 백엔드 개발을 담당
|
임지수 |
Back-end |
데이터베이스 설계 및 유지보수, 백엔드 개발을 담당 |