Skip to content
kimyougminPublic

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

1 watching

Forks

Repository files navigation

🚴 Ride-On

자전거 라이딩 & 커뮤니티 플랫폼

screencapture-localhost-5173-2025-03-12-09_09_29

Ride-On: 라이딩을 위한 스마트 플랫폼

Ride-On은 자전거 라이더를 위한 맞춤형 라이딩 정보 제공 플랫폼입니다. (🔆 다크 모드 & 라이트 모드 전환 가능)
사용자는 자전거 도로 정보, 공공 자전거 대여소, 라이더 용품 구매, 라이딩 크루 모집, 자유게시판, Q&A 등의 기능을 이용할 수 있습니다.

🛠️ 프로젝트 타임라인

📅 프로젝트 기간: 2025년 2월 24일 ~ 2025년 3월 12일

단계 기간 주요 작업
1. 기획 2월 24일 ~ 2월 26일 - 프로젝트 아이디어 구상
- 요구사항 분석
- 와이어프레임 작성
2. 설계 2월 27일 ~ 2월 28일 - UI/UX 디자인
- 기술 스택 선정
- 시스템 설계
3. 개발 3월 4일 ~ 3월 10일 - 프론트엔드 개발
- 기능 구현 및 통합
4. 테스트 3월 11일 - 디버깅 및 최적화
5. 발표 3월 12일 - 서비스 발표

👥 프로젝트 팀원


전성우
Frontend (팀장)

김영민
Frontend

배채연
Frontend

양윤호
Frontend

박수관
Frontend

🌟 주요 기능

1️⃣ 자전거 도로 정보 제공

  • 자전거 도로 검색: 지도 기반으로 편리하게 도로 탐색 가능.
  • 도로 난이도 & 거리 정보 제공: 라이딩 수준에 맞는 코스 선택 가능.

2️⃣ 공공 자전거 & 라이더 편의시설 정보 제공

  • 공공 자전거 대여소 위치 확인: 가까운 대여소를 실시간으로 확인 가능.
  • 수리 시설 & 공기 주입기 위치 제공: 라이딩 중 편리한 유지보수 지원. screencapture-localhost-5173-roadMap-2025-03-12-09_10_49

3️⃣ 라이딩 크루 모집

  • 라이더 모집 게시판 운영: 함께 라이딩할 사람들을 쉽게 찾을 수 있음.
  • 지역 및 인원 필터 기능 지원: 원하는 조건으로 크루 탐색 가능. screencapture-localhost-5173-riderCrewBoard-2025-03-12-09_11_37

4️⃣ 라이더 용품 & 자전거 부품 구매

  • 헬멧, 라이트, 공구 등 라이더 필수 용품 판매.
  • 자전거 부품(타이어, 브레이크 등) 쇼핑 가능.
  • 카테고리별 검색 가능 reid screencapture-localhost-5173-riderParts-2025-03-12-09_11_22

5️⃣ 자유게시판 & Q&A 기능

  • 라이딩 경험 공유: 자유롭게 질문하고 정보 교류 가능.
  • 인기 태그 기능: 라이딩 관련 키워드로 빠른 검색 지원. freeborad qna

6️⃣ 마이페이지

  • 내 활동 기록 확인: 내가 작성한 글 및 참여한 크루 모임 관리 가능.
  • 개인 정보 수정 가능.
  • 내 찜목록 확인 가능 내가 찜한 상품 확인 가능 mypage

7️⃣ 로그인,회원가입

  • SNS 로그인: SNS 로그인으로 빠른 회원가입, 로그인 가능 login

🛠️ 기술 스택

Language & Tools

JavaScript MySQL Vite GitHub VSCode Notion Figma Slack

Framework & Library

Vue.js Pinia Tailwind CSS Vuetify Axios

CI/CD

Jenkins NGINX

Open API

공공데이터 API 생활안전지도 API NAVER API KAKAO API

📌 커밋 메시지 룰

커밋 메시지는 아래의 규칙에 따라 작성합니다:

태그 설명
feat 새로운 기능 추가
fix 버그 수정
docs 문서 수정
style 코드 스타일 변경 (코드 포매팅, 세미콜론 누락 등), 기능 수정이 없는 경우
design 사용자 UI 디자인 변경 (CSS 등)
test 테스트 코드 추가 및 리팩토링 테스트 코드 작업
refactor 코드 리팩토링
build 빌드 파일 수정
ci CI 설정 파일 수정
perf 성능 개선
chore 빌드 업무 수정, 패키지 매니저 수정 (예: .gitignore 수정 등)
rename 파일 혹은 폴더명을 수정만 한 경우
remove 파일을 삭제만 한 경우
Update README.md README 파일 수정은 해당 메시지로 통일

🚀 프로젝트 실행 방법

1️⃣ 프로젝트 클론

git clone (https://github.com/kimyougmin/RideOn)

2️⃣ 프로젝트 폴더 이동

cd ride-on

3️⃣ 의존성 설치

npm i

4️⃣ 프로젝트 실행

npm run dev 

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages