vuekao-map

🔗Site Link

➡️ https://dtznza1pi0bfv.cloudfront.net

💡프로젝트 설명

Vuekao map은 Vue3의 Composition API를 기반으로 개발한 장소검색 서비스 입니다. 브라우저의 로컬스토리지를 활용한 데이터 저장과 kakaoMap API 연동을 통해 사용자 위치 기반 검색에 필요한 주요 기능들을 구현하였습니다.

🤝참여인원

FrontEnd(1명)

🛠️기술스택

Client : JavaScript Vue3 scss Quasar LocalStorage kakaoMap API

💻구현사항

• geolocation을 통한 현위치 이동하기 기능 구현
• 카테고리별 현재 위치의 500m 반경 내 주요시설 검색 기능 구현
• 장소 저장/삭제와 저장한 장소로 바로가기 기능 구현
• 키워드 입력을 통한 장소검색 기능 구현

🪄 Install

npm install

npm run dev

Environment variables

#Kakao App Key
VITE_KAKAO_APP_KEY

Requirements

node 16+ ~ or v18.20.1

npm i -g @quasar/cli