📝프로젝트 소개

• 여행자들이 여행 일정을 쉽게 계획하고 관리 할 수 있는 서비스 제공

• 대시보드를 사용해 구체적인 목표, 기간을 설정

• 초대 기능과 컬럼별 댓글 기능을 통해 여행 구성원 모두가 재밌게 계획할 수 있도록 제작

  
  

🔗배포 링크

• Bon Voyage 사이트(사이트 들어갈곳)

  
  

• Bon Voyage 문서

  
  

👨‍👩‍👧‍👦 3학년 1반 멤버

반장 - 최지희

김범주

박진아

백진영

박지용

⭐ 역할 분담

✈️ 최지희

• 대시보드 수정
• 멤버 초대
• 디자인 기획

✈️김범주

• 대시보드 생성 기능
• 나의 대시보드 목록
• 초대된 대시보드 목록

✈️박진아

• 로그인 페이지
• 회원가입 페이지
• 구글 로그인
• 할 일 생성 모달

✈️ 백진영

• 할 일 카드 모달
• 할 일 수정
• 컬럼 추가 및 생성

✈️ 박지용

• 계정관리 및 랜딩 페이지

• 공용 컴포넌트 (버튼)

  
  

📺 주요 기능 시연

• 대시보드 페이지

• dashboard.mp4

• 프로필 변경

• PROFILE.mp4

• 컬럼, 카드 생성

• default.mp4

🖥️ Dev Tools

🌳 폴더 구조

Bon Voyage
│
├── public
│   ├── assets             - image, icon 모음
├── src
│   ├── type               - 컴포넌트의 type 모음
│   ├── api                - axios, api 객체 저장소
│   ├── components         - 공용 컴포넌트, 페이지 컴포넌트 모음
│   ├── hooks              - logic 모음
│   ├── pages              - 페이지 모음
│   ├── styles             - SCSS 전역 파일
│   └── utils              - 재사용되는 유틸 함수 모음

❓ Getting Started

git clone https://github.com/TravelScheduleService/BonVoyage.git

npm i

npm run dev