목차

• 🌟 프로젝트 소개
• 🎯 기획 배경 및 목적
• 👤 팀원 및 역할
• ✨ 주요 기능
• 💻 사용 예시
• 📂 폴더 구조
• 🛠 기술 스택

🌟 프로젝트 소개

vivitrip은 전 세계에서 진행되는 다양한 체험을 직접 등록하고, 예약할 수 있는 서비스입니다.

사용자는 다양한 체험을 찾아보고 예약할 수 있으며, 체험 제공자는 자신의 체험을 등록하고 예약을 관리할 수 있습니다.

배포 링크 바로가기 → https://www.vivitrip.net

🎯 기획 배경 및 목적

COVID-19 이후 현지 체험 기반 여행 수요가 증가함에 따라, 사용자들이 로컬 체험을 쉽고 빠르게 예약할 수 있는 플랫폼이 필요했습니다.

vivitrip은 여행자와 현지 호스트를 연결하고, 실시간 예약 및 후기 기반 체험 신뢰도를 확보하는 것을 목표로 기획되었습니다.

👤 팀원 및 역할

강효성 @kanghyosung1	최주혁 @JuhyeokC	하유리 @hayuri1990
모달	드롭다운, GNB	버튼
예약 내역, 내 체험 관리 예약 현황, 사이드 네비게이션	로그인, 회원가입, 소셜 로그인 체험 상세 페이지	체험 검색,모든 체험 인기 체험, 체험 후기/리뷰

✨ 주요 기능

• 로그인 / 회원가입 / 유효성 검증
• 카카오 간편 로그인 & 회원가입
• 체험 등록 및 예약 기능 (날짜-시간-인원별 조건 처리)
• 체험 상세 (이미지 갤러리, 구글 맵)
• 체험 후기 작성 (별점 + 텍스트)
• 예약 현황 관리 (호스트 입장에서 예약 승인/거절)
• 사용자 알림 기능 (예약 상태 변경시)

💻 사용 예시

로그인

• 방법1. 회원가입 후 로그인

• 방법2. 테스트 계정으로 로그인

  http://vivitrip.net/sign-in/admin 접속 후 하단의 테스트 계정 중 선택하여 로그인 가능

  

체험 등록/수정/삭제

• 체험 등록

  

• 체험 수정/삭제

  

체험 예약

예약 승인/거절

• 체험 등록자만 가능
• 예약자는 알림을 통해 예약 승인 여부 확인 가능

후기 작성

• 체험 종료 시간 이후 작성 가능

📂 폴더 구조

├── pages/                # 라우팅 페이지
├── components/           # UI 컴포넌트
├── containers/           # 페이지 단위의 UI 컴포넌트
├── hooks/                # 커스텀훅 정의 및 로직 분리
├── services/             # API 호출 함수
├── stores/               # 글로벌 상태관리 (Zustand)
├── types/                # 타입 정의
├── utils/                # 유틸 함수

🛠 기술 스택

• Frontend

  

• Styling

  

• Data Fetching

  

• State Management

  

• Deployment

  

• Team Collaboration

  

• QA