SSAFY-3rdPJT-Tripeer / Tripeer

1 stars 4 forks source link

Tripeer

실시간 일정 조율 가능한 여행 협업 플래너

2024.04.08 ~ 2024.05.20

목차

서비스 개요

스마트하고 편리한 여행플래너 Tripeer

여러 사용자들과 화면을 공유하고 음성대화, 채팅 기능을 통해 편리하게 여행을 계획할 수 있습니다.
여행 목적지에서 여행지들을 선택하고 일정을 작성할때 실시간으로 현황 동기화가 제공되고 경로별 이동시간이 자동으로 계산됩니다.
목록만 작성하면 자동으로 최적 경로를 제공 받을 수 있습니다.
여행중에는 모바일 페이지를 통해 작성한 여행 플랜을 확인할 수 있고
지나간 여행은 지난 여행을 통해 다시 볼 수 있고 여행 사진 또한 공유할 수 있습니다.

팀원 소개

GitHub 부수환 현지혜 이해건 양건우 손동천 유형민

기술 스택

**| FrontEnd |**
**Language |** HTML5, CSS3, JavaScript, node.js(v20.12.2) **Framework |** Next.js(v14.2.2), Zustand(v4.5.2) **Library |** eslint(v8.57.0), Yjs(v13.6.14), prettier(v3.2.5), Lottie(v2.0.0), Axios(v1.6.7), peer.js(v1.5.2)



**| BackEnd |**
**Language |** Java 21, Python (v3.9.13) **Framework |** Spring Boot(v3.2.4), express(v4.19.2), fastAPI(v0.111.0) **DB Connection(ORM) |** Spring Data JPA **Build Tool |** Gradle(v8.5.0)



**| Infra |**
**DB |** MySQL(v8.0.22), MongoDB(v7.0.8) **Server |** GitLab, Jenkins(v2.440.3), Docker(v25.0.2), Nginx(v1.18.0)

주요 기능

분류 기능 내용
플랜 플랜 생성 여러 사용자들과 여행 계획을 세우기 위한 플랜을 생성합니다.
공유 문서 플랜 페이지 내 액션 및 CRUD 현황이 공유됩니다.
맴버 초대 여행을 갈 멤버들에게 초대 이메일을 보냅니다.
음성 채팅 플랜 진입 시 멤버들과 음성 채팅이 가능합니다.
채팅 ` 키를 눌러 마우스 포인터 창에서 채팅 입력이 가능합니다.
여행 계획 세부 여행지 추가 방문하고자 하는 장소를 추가 합니다. 목적지로 설정한 장소의 여행지 목록을 제공하며, 사용 기록에 따른 추천 여행지 목록도 제공합니다.
이동 시간 계산 두 목적지 간 이동 시간을 이동 수단에 따라 자동으로 계산해줍니다.
최적 경로 자동 계산 해당 일자에 등록된 목적지들로 이동 시간이 가장 짧은 경유 경로를 계산하여 제공합니다.
여행 일정 저장 작성한 여행 일정을 저장하여 공유하고 모바일 화면으로도 볼 수 있게 해줍니다.
여행지 여행지 검색 가고싶은 여행지를 검색하거나 추천 여행지 정보를 제공 받습니다.
여행 기록 여행 목록 확인 여행했던 여행들의 목록, 경로들을 확인합니다 .
사진 업로드 일자별로 사진을 업로드 하여 공유할 수 있도록 합니다.

명세서

- 기능 명세서 - API 명세서 - Figma

ERD

시스템 아키텍쳐

서비스 실사용 화면

1. 메인 페이지

메인 페이지(서비스 처음 화면)


2. 일정 계획 페이지

2-1. 여행 계획 홈 메뉴

계획 생성


멤버 초대
멤버 초대 이메일


공지사항 작성


마우스 커서 공유 및 채팅


2-2. 여행 계획 지도 메뉴

여행지 선택


추천 여행지 선택


여행지 상세 보기


신규 장소 등록


2-3. 여행 계획 일정 메뉴

여행 일정 조율


최단 거리 계산


경로 보기


도움말


완성된 여행 계획(pc버전) 완성된 여행 계획(모바일 버전)


3. 지난 계획 페이지

지난 여행 계획


4. 여행지 페이지

여행지 리스트


여행지 디테일


5. 공통화면

회원가입


로그인


회원정보 수정


404 페이지