Skip to content

TravelRole/roleTravel-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

image image image

✈️ 여행역할의 핵심기능

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

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

image image image image


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

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

image


3️⃣ 일정 스케쥴

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

image image


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

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

image image


5️⃣ 회계페이지

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

image image


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

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

image image

👩‍💻 여행역할




💛 유진 💛
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

❤️ 설치

npm install
npm run start

✍️ 아쉬웠던점

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

About

여행역할 프론트엔드 레포입니다!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages