Explore, Share, Achieve! RunHub 런허브 🏃

프로젝트 소개

RunHub는 러닝 애호가들을 위한 혁신적인 플랫폼입니다. 이제 자신만의 러닝 코스를 지도 앱에서 직접 디자인하고 저장할 수 있습니다. RunHub의 직관적인 인터페이스를 통해 코스의 경로 등을 손쉽게 설정해보세요.

또한, 다른 사용자들이 만든 코스를 탐색하고 리뷰를 남길 수 있는 기능도 제공합니다. 친구들이나 동료 러너들이 추천한 코스를 따라 해보며 새로운 러닝 경로를 발견해보세요.

RunHub와 함께라면 매일매일의 러닝이 더욱 즐겁고 의미 있는 시간이 될 것입니다. 나만의 러닝 여정을 시작해보세요!

Todo

공통

• 알림창 문구 및 라이브러리 적용
• 데이터페칭 SWR 도입

지도

• Vworld WMTS 적용
• 지도 회전 방지
• 내 위치 이동 기능

코스 상세정보 및 리뷰

• 코스 등록자 표기
• 리뷰 추천 / 비추천
• 리뷰 삭제 기능

코스 그리기 / 저장

• 코스 그리기 되돌리기 기능 구현
• 코스 입력 시 인풋창 올라가는 현상
• 사용자의 입력 코스 👉 러닝코스 자동인식

사용된 기술 스택

Environment

Config

Development

• Frontend
  
  
• Backend
  

Hosting Yourself

Installation

$ git clone https://github.com/thisisdj/RunHub.git
$ cd RunHub
$ npm install
$ mkdir .env
$ mkdir .env.local

Edit Environment

./.env 
DATABASE_URL="postgresql://postgres:*insertuserpasswd*!@localhost:5432/postgres?schema=public" # Connect your existing database

$ npx prisma db push

$ npx auth secret # Create your AUTH_SECRET

./.env.local
AUTH_SECRET=                # auth.js cli
AUTH_KAKAO_ID=              # 카카오 발급
AUTH_KAKAO_SECRET=          # 카카오 발급

$ npm run start