Gachi-Tayo-FE

🏆 SW중심대학 공동 해커톤 후원사특별상(OSBC) 수상작 🏆

1. 개발 기간

• 2022.06.22(수)~ 2022.06.24(금)

2. 팀 소개

• 팀 명: 모아모아

3. 프로젝트 소개- 가치타자: 택시 동승자를 찾는 웹 플랫폼

4. 프로젝트 기획

1) 기획 배경

• 최근 40년 만에 택시 합승 제도가 부활했습니다. 하지만 택시 합승 멤버를 모집하는 서비스가 충분하지 않아, 안전하고 편리한 합승을 할 수 있는 서비스에 대한 부족함이 존재했습니다. 이에 따라 택시 동승자를 찾는 웹 플랫폼을 기획하였습니다.

2) 기존 한계점

3) "가치타자" 서비스의 차별성

5. 프로젝트 컨셉

6. 프로세스 및 플로우 차트

7. 기술 스택

• [BE] Spring boot, Mybatis
• [BE] Mysql
• [BE] Kakao 로컬 API- 도로명 주소 -->위도, 경도 좌표 변환
• [BE] CoolSMS API- 휴대폰 본인 인증

1) API 설계

2) ERD

8. 디자인 Asset

9. 프로젝트 주 기능

10. 주 기능 소개

1) 가치타기: 게시물을 조회하고 원하는 합승을 예약하기

• 출발지, 도착지 선택
• 원하는 반경 선택(출발지, 목적지 각각에 대해 반경이 설정되어 게시글이 필터링 됨)
• 원하는 좌석 선택

2) 가치 타요: 게시물을 작성하여 원하는 합승을 제안하기

• 출발지, 도착지 선택
• 원하는 좌석 선택
• 출발 시각 설정
• 합승할 인원 선택

3) 이력 및 합승자 조회 + 상호 매너 평가: 예약 이력 및 합승 내역을 조회하기.

• 완료된 합승에 대해 상호 평가 가능
• 3가지 중에 선택하여 평가

4) 회원 가입시 본인 인증 절차: 회원 가입시 사용자의 휴대폰 번호로 본인 인증하기

• 입력한 휴대폰 번호로 문자가 전송되고, 올바른 인증 번호 입력해야 회원 가입 완료

11. 시연 영상

• https://www.youtube.com/embed/PWQDfj7aAOI

12. 최종 발표 영상

• https://www.youtube.com/embed/eCJD5tn4LSo

13. 실행

1. 레포지토리 코드 다운로드

2. 최상위 디렉토리에서 yarn init 실행

3. index.html의 <noscript> 태그 지우고 아래 코드 삽입

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=API_KEY"></script>

3. DatePicker.js 에서, SERVER_URL을 본인 환경에 맞게 알맞게 설정

4. yarn start실행 (편집됨)