https://joyride.site/

🚲 JOYRIDE 소개

자전거 코스 정보부터 맞춤형 모임까지, 내게 필요한 자전거 라이딩 서비스

국내 라이더들이 자전거 코스에 대해 원하는 정보를 편리하게 모아볼 수 있도록 할 수는 없을까?

본인에게 딱 맞는 조건의 모임에 참가하여 즐겁게 라이딩을 즐길 수 있도록 할 수는 없을까?

JOYRIDE는 라이더들이 즐겁고 편리하게 이용할 수 있는 서비스를 만들고 싶다는 고민에서 탄생했습니다.

JOYRIDE는 한국관광공사의 API를 통해 신뢰할 수 있는 국내 자전거 코스 정보를 제공합니다.

거리, 소요 시간, 난이도 등 기본 정보 뿐만 아니라 화장실, 식당 등 코스 주변의 편의시설까지 확인해 보세요!

경관, 편의시설, 접근성, 안전 등 라이더들이 중요하게 생각하는 요소들에 대한 정보는 라이더들의 항목별 코스 리뷰로 확인할 수 있습니다.

JOYRIDE에서는 다양한 옵션 필터링을 통해 니즈에 맞는 자전거 모임을 개설하거나 참가할 수 있습니다.

지역, 난이도, 자전거 종류, 성별, 나이 등 다양한 필터를 통해 모임을 찾아보세요!

모임 집결지와 대략적인 루트도 확인할 수 있으며, 댓글을 통해 모임 참가자들과 소통할 수 있습니다.

JOYRIDE를 통해 즐겁고 편리한 라이딩을 즐겨보세요 🚴‍♂️

🌱 Demo 계정

Email: [email protected]

Password: Tour2022!

---

🗺️ 사이트맵

☝️ 주요 기능

1. 메인 페이지

2. 회원가입, 로그인

3. 자전거 코스

3-1. 코스 정보 목록

다양한 코스 탐색 및 기준별 정렬

3-2. 코스 정보 디테일

코스 기본 정보, 주변 시설, 항목별 코스 리뷰

4. 자전거 모임

4-1. 자전거 모임 목록

필터링을 통한 모임 탐색 및 모임 생성

4-2. 자전거 모임 디테일

모임 정보, 모임 참가, 댓글

5. 마이페이지

회원정보 조회 및 수정, 좋아요한 코스/개설한 모임/참가한 모임/북마크한 모임 등 모아보기

6. 통합 검색

코스 및 모임 검색

⚒️ 기술 스택

• Frontend: TypeScript, React, Recoil, React Query, SCSS, Material UI
• Backend: Java, Spring Boot
• Design: Figma
• Communication: Notion, Slack, Google Drive

📁 폴더 구조

Frontend

client
└── src
   ├── apis
   ├── assets
   |  ├── icons
   |  └── images
   ├── components
   |  ├── common
   |  ├── home
   |  ├── layout
   |  ├── login
   |  ├── meetup
   |  ├── meetups
   |  ├── mypage
   |  ├── resetPassword
   |  ├── road
   |  ├── roads
   |  ├── search
   |  ├── signup
   |  └── transitions
   ├── hooks
   |  ├── common
   |  ├── signup
   ├── routes
   |  ├── Auth
   |  ├── Home
   |  ├── Layout
   |  ├── Meetup
   |  ├── Meetups
   |  ├── Mypage
   |  ├── Road
   |  ├── Roads
   |  └── Search
   ├── states
   ├── styles
   ├── types
   └── utils

Backend

  src
   ├── test
   |   └── java
   |       └── joyride
   └── main
       └── java
       |   ├── util
       |   ├── src
       |   |   ├── auth
       |   |   |   ├── dto
       |   |   |   ├── model
       |   |   ├── course
       |   |   |   ├── dto
       |   |   |   ├── model
       |   |   ├── meet
       |   |   |   ├── dto
       |   |   |   ├── model
       |   |   ├── user
       |   |   |   ├── model
       |   |   ├── jwt
       |   |   |   └── filter
       |   |   |   └── handler
       |   |   ├── config
       |   └── JoyriderServerApplication
       └── resources

📗 개발 Wiki

Git 컨벤션, 코드 컨벤션 보기

👨‍👩‍👧‍👦 만든 사람들

• Frontend Developers: 김지현, 김수현
• Backend Developers: 신원석, 신상우
• Designer: 권윤

📧 Contact

[email protected]