어디카세

목차

1. 웹 서비스 소개
2. 기술 스택
3. 주요 기능
4. 프로젝트 구성도
5. 데모 영상
6. 개발 팀 소개

💁 웹 서비스 소개

성수·홍대·합정·이태원·신사·광화문·명동 등 7개의 인기지역을 위치기반으로 하여 사용자들이 맛집, 카페, 놀거리 일정을 쉽게 짤 수 있도록 돕는 일정 추천 서비스
👉 앱으로 코스 생성 후 웹으로 확인할 수 있는 어디카세 웹사이트

🔗 '어디카세' Back-end 저장소 👈
🔗 '어디카세' App 저장소 👈

🛠 기술 스택

Front-end

HTML5	CSS3	JavaScript(ES6)

Axios

S3	CloudFront	Route53

Back-end

Java	Spring boot

Python	Selenium

MySQL

S3	EC2	RDS

Version Control

Git	GitHub

💡 주요 기능

기능	내용
로그인 및 회원가입 서비스	Google, Kakao OAuth를 활용하여 사용자들은 간편하게 회원가입하고 로그인 할 수 있습니다.
주변 반경 설정 서비스	사용자는 서비스 지역을 선택하고, 반경 범위를 설정하여 음식점, 카페, 놀거리를 추천받을수 있습니다.
코스 생성 서비스	사용자는 카테고리별로 추천받은 매장들을 선택하여 자신만의 맛집 코스를 생성할 수 있습니다.
코스 조회 서비스	사용자가 서비스 지역을 선택하면, 조회 및 추천 시스템을 기반으로 코스를 추천합니다. 또한, 해당 코스 내 매장 상세 정보를 확인할 수 있습니다.
코스 검색 서비스	키워드(코스 제목+내용 / 코스 장소 / 작성자) 검색을 통해 코스를 검색할 수 있습니다.
음식점, 카페, 놀거리 선택 서비스	코스 생성시 추천 필터링 조건을 설정해 음식점,카페,놀거리를 추천받을 수 있습니다. 또는, 검색어를 입력해 매장을 선택할 수도 있습니다.
매장 해시태그 서비스	코스 생성 시, 코스에 대한 간단한 설명과 분위기를 나타내는 해시태그를 추가할 수 있습니다.
사용자 간의 커뮤니케이션 서비스	사용자는 코스에 좋아요 기능을 통해 다른 사용자에게 코스를 추천할 수 있습니다.

📂 프로젝트 구성도

아키텍처(Architecture)

개체-관계 모델(ERD)

🎥 데모 영상

메인 페이지

어디카세 서비스의 대략적인 이용 방법을 제공하는 랜딩 페이지 역할을 합니다.

코스 둘러보기(조회) 페이지

사용자가 선택한 서비스 지역의 코스들을 모아 보여줍니다.

서비스 지역 선택 기능

Swiper 슬라이더 라이브러리를 적용하여 서비스 지역 선택시 슬라이드 할 수 있도록 했습니다.

코스 상세페이지

NAVER MAPs API를 연동하여 매장 위치를 조회할 수 있도록 했습니다. 코스 정보와 매장 위치를 간략히 보여줍니다.

코스 검색 기능

검색창에 키워드(코스 제목,내용 / 코스 장소 / 작성자)검색시 해당하는 코스를 찾아 보여줍니다.

👪 개발 팀 소개

김원석(팀장) (App Front-end)	허정인 (Web Front-end)	신희범 (Back-end)	임지수 (Back-end)

이름	역할	개발 내용
김원석(팀장)	App Front-end	프로젝트 매니지먼트, 모바일 UI/UX, Android & iOS 모바일 개발을 담당
허정인	Web Front-end	웹UI/UX, 웹 프론트엔드 개발을 담당
신희범	Back-end	데이터 셋 크롤링 및 전처리, 데이터베이스 설계 및 유지보수, 백엔드 개발을 담당
임지수	Back-end	데이터베이스 설계 및 유지보수, 백엔드 개발을 담당