✈️ 여행계획의 모든 것, 여행역할 ✈️

친구, 연인, 가족들과 함께 각자 역할을 정하고 여행 계획을 세워봐요!

✈️ 여행역할의 핵심기능

1️⃣ 방생성 기능 및 초대기능

1. 여행 스페이스를 생성합니다.
2. 생성된 스페이스에서 링크를 공유합니다.
2. 링크를 통해 입장하며 자신의 역할을 선택합니다.

---

2️⃣ 여행 스페이스의 종합요약 확인 및 의견달기

1. 해당 스페이스의 종합요약을 볼 수 있습니다.
2. Comment 를 통해 팀원들과 의견을 공유할 수 있습니다.

---

3️⃣ 일정 스케쥴

1. 여행지를 검색해보고 찜한여행지에 추가할 수 있습니다.
2. 여행일정역할자가 여행일정을 추가할 수 있습니다.

---

4️⃣ 일정에서 연동된 예약카드 예약 및 예약정보 입력기능

1. 예약이 필요한 일정은 예약탭에 연동됩니다.
2. 예약정보를 입력할수 있습니다.

---

5️⃣ 회계페이지

1. 예약에서 비용이 입력되면 회계페이지로 연동됩니다
2. 회계내역을 직접추가할 수 있습니다.

---

6️⃣ 준비물페이지- 개인스페이스

1. 템플릿을 통해 준비물을 추가할 수 있습니다.
2. 직접 추가 삭제도 가능합니다.

👩‍💻 여행역할

💛 유진 💛 Web FE	💚 찬우 💚 Web FE	🤍 채윤 🤍 Web FE

⚒️ 기술 스택

    "@reduxjs/toolkit": "^1.9.3",
    "react": "^18.2.0",
    "react-circular-progressbar": "^2.1.0",
    "react-copy-to-clipboard": "^5.1.0",
    "react-datepicker": "^4.10.0",
    "react-dom": "^18.2.0",
    "react-icons": "^4.8.0",
    "react-js-pagination": "^3.0.3",
    "react-kakao-maps-sdk": "^1.1.8",
    "react-redux": "^8.0.5",
    "react-router-dom": "^6.9.0",
    "react-scripts": "5.0.1",
    "react-spinners": "^0.13.8",
    "react-time-picker": "^6.0.4",
    "react-toastify": "^9.1.2",
    "styled-components": "^5.3.6",
    "swiper": "^9.2.3",
    @mui/material": "^5.11.16",
    @reduxjs/toolkit": "^1.9.3",
    "axios": "^1.3.4",

📁 폴더 구조

    |-- 📁 node_modules
    |-- 📁 public
    |-- 📁 src
         |-- 📁 app
              |-- store.js
         |-- 📁 asset
              |-- 📁 icon
              |-- 📁 images
         |-- 📁 components (공통사용 컴포넌트)
         |-- 📁 features
              |-- 📁 Authorization
              |-- 📁 Landing
              |-- 📁 layout
              |-- 📁 Login
              |-- 📁 NotFound
              |-- 📁 Role
              |-- 📁 SearchIDPW
              |-- 📁 Sign
              |-- 📁 SpaceList
              |-- 📁 UserAccount
          	|-- 📁 lib
            |-- Router.jsx (라우터 파일) 
            |-- App.js
            |-- index.tsx
    |-- .gitignore
    |-- README.md
    |-- package.json
    |-- package-lock.json

✍️ 아쉬웠던점

1. 초기세팅의 부재
2. 깃브랜치 전략 부재
3. 설계부족으로인한 스파게티코드 다량발생