스마트하고 편리한 여행플래너 Tripeer
여러 사용자들과 화면을 공유하고 음성대화, 채팅 기능을 통해 편리하게 여행을 계획할 수 있습니다.
여행 목적지에서 여행지들을 선택하고 일정을 작성할때 실시간으로 현황 동기화가 제공되고 경로별 이동시간이 자동으로 계산됩니다.
목록만 작성하면 자동으로 최적 경로를 제공 받을 수 있습니다.
여행중에는 모바일 페이지를 통해 작성한 여행 플랜을 확인할 수 있고
지나간 여행은 지난 여행을 통해 다시 볼 수 있고 여행 사진 또한 공유할 수 있습니다.
| 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 현황이 공유됩니다. | |
| 맴버 초대 | 여행을 갈 멤버들에게 초대 이메일을 보냅니다. | |
| 음성 채팅 | 플랜 진입 시 멤버들과 음성 채팅이 가능합니다. | |
| 채팅 | ` 키를 눌러 마우스 포인터 창에서 채팅 입력이 가능합니다. | |
| 여행 계획 세부 | 여행지 추가 | 방문하고자 하는 장소를 추가 합니다. 목적지로 설정한 장소의 여행지 목록을 제공하며, 사용 기록에 따른 추천 여행지 목록도 제공합니다. |
| 이동 시간 계산 | 두 목적지 간 이동 시간을 이동 수단에 따라 자동으로 계산해줍니다. | |
| 최적 경로 자동 계산 | 해당 일자에 등록된 목적지들로 이동 시간이 가장 짧은 경유 경로를 계산하여 제공합니다. | |
| 여행 일정 저장 | 작성한 여행 일정을 저장하여 공유하고 모바일 화면으로도 볼 수 있게 해줍니다. | |
| 여행지 | 여행지 검색 | 가고싶은 여행지를 검색하거나 추천 여행지 정보를 제공 받습니다. |
| 여행 기록 | 여행 목록 확인 | 여행했던 여행들의 목록, 경로들을 확인합니다 . |
| 사진 업로드 | 일자별로 사진을 업로드 하여 공유할 수 있도록 합니다. |
| 메인 페이지(서비스 처음 화면) |
|---|
 |
| 계획 생성 |
|---|
 |
| 멤버 초대 |
|---|
 |
| 멤버 초대 이메일 |
|---|
 |
| 공지사항 작성 |
|---|
 |
| 마우스 커서 공유 및 채팅 |
|---|
 |
| 여행지 선택 |
|---|
 |
| 추천 여행지 선택 |
|---|
 |
| 여행지 상세 보기 |
|---|
 |
| 신규 장소 등록 |
|---|
 |
| 여행 일정 조율 |
|---|
 |
| 최단 거리 계산 |
|---|
 |
| 경로 보기 |
|---|
 |
| 도움말 |
|---|
 |
| 완성된 여행 계획(pc버전) | 완성된 여행 계획(모바일 버전) |
|---|---|
 |
 |
| 지난 여행 계획 |
|---|
 |
| 여행지 리스트 |
|---|
 |
| 여행지 디테일 |
|---|
 |
| 회원가입 |
|---|
 |
| 로그인 |
|---|
 |
| 회원정보 수정 |
|---|
 |
| 404 페이지 |
|---|
 |