📌 목차

1. 온보드 서비스 소개
2. 기술 스택
3. 주요 기능
4. 프로젝트 아키텍쳐
5. 시연 영상
6. 팀 소개

✈️ OnBoard(온보드) 서비스 소개

OnBoard는 여행 계획을 함께 세우고 공유할 수 있는 협업 플랫폼입니다.

기존의 여행 준비 과정에서 발생하는 일정 공유 및 협업의 불편함, 일정 정보의 낮은 가독성, 지도 정보와 일정 관리의 분리 등을 해결합니다.

사용자들은 지도를 보며 실시간으로 화이트보드에 자유롭게 여행지 블록을 생성하거나 그림 도구를 활용해 의견을 공유할 수 있으며, 함께 일정을 짤 수 있습니다.

🛠️ 기술 스택

Front-end

Back-end

DevOps

• Java 17
• Spring Boot 3.5.3
• Gradle
• Mysql
• React 19
• Vite
• JavaScript
• Zustand
• React Router v6
• Tailwind CSS + 일반 CSS

EC2 포트 정리

🌟주요 기능

기능	내용
Websocket 기술을 활용한 화이트보드 기능	사용자들이 실시간으로 여행지 블록을 옮기거나 펜, 도형, 텍스트 도구를 활용해 여행 계획을 자유롭게 그림
Websocket 기술을 활용한 일정짜기 기능	사용자들이 실시간으로 함께 일정을 짤 수 있음
Google Map API를 이용하여 장소 정보 및 지도 보기	장소를 검색하여 장소 정보를 알 수 있고 장소 위치를 가시적으로 볼 수 있음

☁️ 시연 영상

👨‍👩‍👧‍👦 팀 소개

이상남	이동하	박유현	모광윤	김경진
Back-end	Back-end	Front-end	Front-end	Front-end

🗓️ 개발 기간

25.07.07 ~ 25.08.22 (7주)

커밋 규칙