TodayTrip | 다양한 체험을 한 눈에!

TodayTrip은 세계 각지에서 즐길 수 있는 다양한 체험을 등록하고 예약할 수 있는 플랫폼입니다.

여행자들과 일정을 조율하는 데 어려움을 겪으셨나요? 다양한 체험을 관리하는 것이 번거로우셨나요? TodayTrip에서는 간편하게 체험을 등록하고 예약을 편리하게 관리할 수 있습니다.

여행을 계획할 때 어떤 활동을 선택해야 할지 고민이 되셨다면, 여행을 떠나기 전 TodayTrip에서 원하는 체험을 예약해보세요!

⏰ 개발기간: 2024.01.20 ~ 2024.02.29

🌐 Deploy: https://today-trip.vercel.app/

👥 Team

김소은 예약 상세 페이지 버튼 컴포넌트 드롭다운 컴포넌트	박경서 체험관리 페이지 체험 등록/수정 페이지 navbar 및 알림 기능	박종민 메인페이지 예약현황 페이지 페이지네이션 캐러셀	전수빈 로그인 및 회원가입 마이페이지 토큰 관리 navbar 및 알림 기능	조유담 체험 상세 페이지 예약내역 페이지 무한스크롤 custom hook 모달 컴포넌트

⚒️ Stacks

               

📝 서비스 내용

메인 페이지

• 체험 검색 기능: 사용자의 최신 검색어를 로컬 스토리지에 저장하여 편리한 검색 기능 제공
• 인기 체험은 캐러셀, 전체 체험 페이지네이션으로 구현
• 카테고리 및 가격 필터링

체험 상세 페이지

• 각 체험에 대한 상세 정보 제공
• 체험 장소 : 전 세계 체험을 대상으로 하기에 Google Maps API을 이용해 지도 제공
• 체험 후기 : 페이지네이션으로 구현
• 체험 예약 : 캘린더를 이용해 가능한 날짜와 시간에 체험 예약 가능

내 정보 페이지

• 개인정보 수정 : 닉네임, 비밀번호, 프로필 이미지 수정 가능

예약 내역 페이지

• 예약 내역 확인 : 예약 신청, 예약 취소, 예약 승인, 예약 거절, 체험 완료 등 예약 상태에 따라 필터링
• 예약 취소 및 후기 작성 : 예약 신청 상태의 예약 취소 및 체험 완료인 예약의 후기 작성이 가능

예약 상세 페이지

• 각 예약의 상세 정보 제공
• 무한스크롤로 구현
• 예약 취소 및 후기 작성 : 예약 신청 상태의 예약 취소 및 체험 완료인 예약의 후기 작성이 가능

내 체험 관리 페이지

• 내가 등록한 여러 개의 체험을 관리
• 무한스크롤로 구현

내 체험 등록 / 수정 페이지

• 체험 등록 및 등록한 체험 수정
• 제목, 카테고리, 설명, 가격, 주소, 예약 시간대, 배너 이미지, 소개 이미지 설정 및 수정 가능
  • 주소는 Google Maps API를 활용하여 자동 완성 기능 구현

예약 현황 페이지

• 예약 현황을 한 눈에 볼 수 있는 캘린더 제공
• 캘린더 내에서 각 날짜를 클릭하면 모달을 통해 예약 수락 및 거절 가능

서비스 화면

🪧 협업

• git flow 전략 사용

• PR, Commit, Naming Convention 및 Ground Rule 설정

• 10 a.m. - 팀 회의(Github Discussion 이용)

• 주초에 마일스톤을 설정하여 해야할 일 분배

• 이슈 발행 후 각 이슈에 맞는 브랜치 생성 후 작업

• 모든 PR에 대해 팀원들이 코드 리뷰를 진행하고 Feedback

• 1차 코드 리뷰 -> 리뷰 반영 -> 리뷰 반영 확인 및 2차 코드 리뷰 -> 머지

• 매주 회고를 통한 협업 프로세스 강화

📁 폴더 구조

./
├── README.md
├── public/       -> 폰트, 이미지, 아이콘 모음
├── src/
    ├── apis/         -> api
    ├── components/   -> 컴포넌트
    ├── constants/    -> 상수
    ├── hooks/        -> 커스텀 훅
    ├── pages/        -> 페이지
    ├── styles/       -> 스타일 관련
    ├── types/        -> 타입 관련
    ├── utils/        -> 함수 관련
└──