✈️ TRAVEL MAKER 체험 예약 플랫폼

🍀 TRAVEL MAKER 프로젝트 과정 둘러보기

🔗 https://travelmaker-ten.vercel.app/

• Test ID : [email protected]
• Test PW : test1234

📝 프로젝트 소개

• 사용자가 판매자와 체험자 모두 될 수 있는 플랫폼으로 판매자가 되어 체험을 만들수 있고, 체험자가 되어 체험을 예약할 수 있습니다.
• 캘린더 뷰 SDK와 지도 뷰 SDK를 활용해 예약 가능한 날짜를 설정하고, 체험 상품을 예약하는 플랫폼입니다.
• 검색을 통해 원하는 체험을 찾고, 상세 정보를 볼 수 있습니다.

📆 개발 기간

• 2024.11.21(목) ~ 2024.12.27(금)

⚙ 기술 스택

📚 라이브러리

🧑‍💻 협업 툴

💁‍♂️ 프로젝트 팀원

FrontEnd	FrontEnd	FrontEnd	FrontEnd
👑이재서	구민지	지혜민	김진
검색 페이지 예약 현황 페이지 간편 회원가입 구현 middleware 구현 fullcalendar 커스텀	메인 페이지 체험 상세 페이지 리뷰 구현 지도 SDK 기능 구현 fullcalendar 커스텀	로그인 페이지 내 프로필 페이지 내 체험 등록 및 수정 페이지 지도 SDK 기능 구현 datepicker 커스텀	회원가입 페이지 예약 내역 페이지 내 체험 관리 페이지 후기 작성 모달 구현 알림 구현

📺 화면 구성

회원가입 및 로그인 페이지

• 이메일, 닉네임, 비밀번호, 비밀번호 확인을 입력하여 회원 가입 계정을 생성합니다.
• 이메일, 비밀번호를 입력하여 로그인을 합니다.

회원가입 및 로그인 페이지

간편 회원가입 및 로그인

• 구글 또는 카카오 계정으로 간편 회원가입 및 로그인을 합니다.

간편 회원가입 및 로그인

메인 페이지

• 사용자가 체험 상세 페이지로 이동하여 정보를 확인 할 수 있습니다.
• 더보기 버튼으로 많은 상품을 확인 할 수 있습니다.

메인 페이지

체험 상세 페이지

• 체험 상세 설명과 예약 가능 날짜 및 시간을 캘린더로 확인 가능합니다.
• 카카오 지도로 체험 장소 확인이 가능합니다.
• 체험에 대한 후기 조회가 가능하며 후기는 체험을 완료한 사용자만 남길 수 있는 신뢰 기반 시스템입니다.

체험 상세 페이지

검색 페이지

• 카테고리별 탐색 및 키워드 검색을 통해 원하는 체험을 쉽게 찾을 수 있습니다.

검색 페이지

내 프로필 페이지

• 닉네임, 이메일, 비밀번호, 프로필 이미지를 변경할 수 있습니다.

내 프로필 페이지

체험 관리 페이지

• 판매자가 등록한 체험을 리스트로 관리하고 수정, 삭제할 수 있습니다.

체험 관리 페이지

체험 등록 및 수정 페이지

• 판매자가 체험의 예약 날짜, 시간 및 체험 장소를 직접 설정하고 이미지를 등록, 수정할 수 있습니다.

체험 등록 및 수정 페이지

예약 내역 페이지

• 내 예약을 상태별로 확인 가능, 예약을 취소하거나 체험이 완료된 경우 후기를 작성할 수 있습니다.

예약 내역 페이지

예약 현황 페이지

• 캘린더 기반 UI로 예약 상태를 한 눈에 확인 가능합니다.
• 내 예약 상품들의 상태(예약 신청, 예약 승인, 예약 거절, 예약 완료, 체험 완료)에 따라 캘린더로 확인이 가능합니다.

예약 현황 페이지