셔틀버스 실시간 지도(Live Shuttle Map)

프로젝트 정보 💁🏻

• 설명
  • 부산외국어대학교 컴퓨터공학과 캡스톤디자인 수업에서 제작된 교내 셔틀버스의 위치를 실시간으로 확인할 수 있는 지도 PWA입니다
• 기간
  • 개발: 2022.3.18 ~ 2022.5.23
• 구성원
  • 백엔드
    • 길해준(true_blue2@naver.com): 서버
    • 강규림(rbfla0426_1@naver.com): api
    • 박혜민(snees@naver.com): api·데이터베이스
  • 프론트엔드, 프로젝트 총괄: 김선화(seonhwakei@gmail.com)
  • 디자인: 임은혜(dolphin4007@naver.com)

기술스택 🧑🏻‍💻

분야	사용 기술
프론트엔드	React, Javascript, Typescript, Styled-components
백엔드	Springboot
데이터베이스	MySQL, Firebase
라이브러리	Kakao maps, React-kakao-maps-sdk, Kakao login
협업	Figma(디자인, 개발), Notion, Discord

아키텍처 🏗

기획
개발
배포

기능 완성도 ✔

• 셔틀버스 🚌

  • 셔틀버스 클라이언트: 서버에 셔틀버스의 현재 위치 전송
  • 사용자 클라이언트: 사용자 화면에 셔틀버스의 위치 출력
  • 사용자 클라이언트: 각 정류장의 도착시간 출력

• 택시 🚕

  • 합승 요청 대기: 사용자 위치에 마커 생성
  • 합승 요청: 다른 사용자들의 마커 확인
  • 채팅: 사용자 간의 채팅
  • 알림: 채팅·합승 요청 알림

기능 설명 📖

• 셔틀버스 클라이언트 🚌

- 사용자 클라이언트 👥

- 웹앱 📱

API 문서 📄

https://documenter.getpostman.com/view/19973322/Uz5Gobzc#0f7cca67-ee17-4736-bf4a-201052158d2a

진행 상황 ⏳

서비스 시행 준비 및 개선사항 업데이트 진행중

링크 🔗

• 셔틀버스 클라이언트
  • 소스코드: https://github.com/kmseonhwa/capstone-shuttle-client
  • 배포: https://kmseonhwa.github.io/capstone-shuttle-client/
• 사용자 클라이언트
  • 소스코드: 현 리포지토리
  • 배포: https://kmseonhwa.github.io/capstone-client/
• 백엔드: https://github.com/HelloLotusRoot/capstonePro
• 외부 라이브러리
  • React-kakao-maps-sdk⭐️: https://github.com/JaeSeoKim/react-kakao-maps-sdk
  • Kakao maps: https://apis.map.kakao.com/
  • Kakao login: https://developers.kakao.com/product/kakaoLogin