Skip to content

JYmsg/SweetTripSpring

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sweet Trip 로고

☝로고를 클릭하면 시연 영상으로 이동합니다


✈️ SWEET TRIP, 당신의 여행 플래너

⚡️ 프로젝트 개요

  • 행복하고 편리한 여행을 위해 여행 계획 페이지를 제공하는 웹 사이트
  • 서비스 명 : Sweet Trip

📆 프로젝트 일정

  • 2023.5.8 ~ 2023.5.26 (3주)

🔧 기술 스택

Back-end

Java Spring Spring Boot

Front-end

HTML CSS Vue.js

DataBase

MySQL

Collaboration Tools

Notion Mattermost

Configuration Management

GitLab GitHub




목차

  1. 기획 배경
  2. 기능 소개
  3. 시연 영상
  4. 프로젝트 산출물
  5. 팀원 소개



🎉기획 배경

배경

여행에서 가장 중요한 것은 무엇일까요? 식당, 숙소 등 대답은 사람마다 다를 것입니다. 저희는 그 중 여행 기록에 대해 주목하였습니다. 그래서 탄생한 Sweet Trip은 여행 일정과 기록을 돕는 플래너로 친구들과 함께 간편하게 여행 일정을 공유하고 관리해줍니다. 또한 진행 중이거나 종료된 여행을 마이페이지에 캘린더 형태로 확인할 수 있습니다.


의의

Sweet Trip으로 무엇을 얻을 수 있을까요?

  1. 드로그 앤 드랍 방식으로 간편하게 여행 기록을 세울 수 있습니다.
  2. 카카오톡 공유와 사이트 내 공유를 통해 친구들과 여행 계획을 간편하게 공유할 수 있습니다.
  3. 다른 사람들의 여행 기록을 확인하고 따라할 수 있습니다.
  4. 이러한 여행 기록들은 마이페이지에서 확인할 수 있습니다.



🔗기능 소개

로그인 페이지
로그인 후 자동으로 메인 화면으로 접속합니다.
비밀번호 찾기 모달
아이디가 유효할 경우 해당 회원의 이메일로 인증코드를 보내
비밀번호를 재설정 할 수 있습니다.
회원가입 페이지
이메일 인증, ID/PW 유효성 검사 등을 통해 회원가입을 합니다.
이메일 인증번호 확인
회원가입, 비밀번호 찾기를 하면 등록한 메일로 인증번호가 전달됩니다.
메인 페이지
공지사항과 지역은 Swiper로 자동 슬라이드 되며,
이용 방법 옆 물음표를 누를 시 사이트의 이용 방법이 나옵니다.
여행 등록 모달
여행 제목과 여행 기간을 입력받습니다.
초대하기에서 유저의 닉네임으로 검색이 가능합니다.
'+' 버튼을 통해 여행에 초대할 수 있습니다.
여행 계획 세우기 페이지
찜한 장소 목록에서 드로그 앤 드랍으로 장소를 넣을 수 있습니다.
또는 검색 탭에서 장소를 검색하여 원하는 일자에 넣을 수 있습니다.
날짜 추가 버튼과 날짜 삭제 버튼을 통해 자유롭게 일정을 조정할 수 있습니다.
하나의 일정의 MORE 버튼으로 해당 장소의 상세 정보를 볼 수 있고 여행지별 메모를 남길수 있습니다.
Day에 일정이 추가되면 각 여행지 간의 거리가 보이고 소요 시간이 나타납니다.
연결 색을 다르게 하여 쉽게 구분할 수 있습니다.
여행 계획이 완료되었다면 계획 완료 버튼을 통해 계획을 저장합니다.
여행 계획 완성 페이지
지도에 여행 일정동안 방문하는 곳이 나타납니다.
지도 아래로 방문 지정한 방문 시간이 나타납니다.
'+' 버튼을 누르면 해당 장소의 상세 정보가 나타납니다.
태그 표시가 있는 곳은 메모가 있는 장소입니다.
여행 계획 공유
카카오톡 공유하기로 내가 만든 여행 계획에 친구를 초대할 수 있습니다.
여행 검색 페이지
첫번째 탭에서 시/도 정보를 선택합니다.
그에 따른 상세 지역을 선택합니다.
여행지 분류를 선택합니다.
Search에서 여행지 명을 검색할 수 있습니다.
검색 버튼을 누르면 해당 되는 여행지 정보가 리스트로 나타납니다.
지도에 마커와 해당 위치 정보를 나타내는 네이버 지도 페이지로 이동합니다.
여행지를 누르면 모달로 상세 정보가 주어집니다.
자동차 버튼을 누르면 나만의 장소에 추가되고 상단 우측에 개수가 표시됩니다.
마이페이지(나만의 장소)
여행 검색 페이지에서 나만의 장소에 등록한 장소들이 리스트 형식으로 나타납니다.
마이페이지(캘린더)
캘린더에서 자신이 속한 모든 여행이 나타납니다.
날짜를 클릭하면 해당 날짜가 속한 여행이 리스트 형식으로 나타납니다.
핫플레이스 리스트
우리나라의 각 시 별로 회원들이 공유한 핫 플레이스 장소를 확인할 수 있습니다.
핫플레이스 등록하기
핫 플레이스로 등록할 장소를 검색하면 해당 위치가 왼쪽 지도에 표시됩니다.
제목과 내용을 입력한 후 이미지 1개를 업로드 하면 핫 플레이스로 게시물이 등록됩니다.
회원들은 게시물에 좋아요와 댓글을 남길 수 있습니다.
공지사항 페이지
관리자의 공지사항과 회원들의 QnA를 확인할 수 있습니다.
카테고리에 따른 검색이 가능하며 카테고리를 클릭할 시 게시글이 정렬됩니다.
공지사항 상세 페이지
각 게시물에는 댓글을 남길 수 있으며 비밀댓글(댓글 작성자, 게시글 작성자만 확인 가능)도 가능합니다.
댓글은 게시글 작성자와 댓글을 작성한 본인만 삭제 가능합니다.



🎵시연 영상



🎈프로젝트 산출물



✨팀원 소개

김유진 박정은
@Yujin830 @jungeunevepark

About

SweetTrip web project For Back

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published