✨ 프로젝트 소개

친구, 가족들과 함께 여행계획을 작성하고 정보를 공유하는 웹서비스

📆 개발 기간

• 1차 배포 : 23.11.18 ~ 24.1.27

• 배포 주소 ➡ https://wiz-trip.netlify.app/

🎬구동 영상

회원가입,로그인	여행생성 및 랜드마크 조회

여행 계획	리뷰작성 및 회원정보 수정

📚 기술 스택

🖥 화면 구성

로그인페이지	회원가입페이지

메인페이지	플랜페이지

마이페이지	리뷰작성페이지

회원정보수정페이지	리뷰조회페이지

📦 주요 기능

⭐️ JWT를 이용한 회원 기능

• JWT 인증 방식을 이용해 로컬 로그인 구현

⭐️ 메인페이지

• 날짜, 여행지를 선택하여 여행계획을 시작할 수 있음
• 한국관광공사 TourAPI정보를 연계하여 국내 관광지에 대한 상세정보를 얻을 수 있음

⭐️ 플랜페이지

• 여러명의 사용자가 하나의 여행계획을 공동편집할 수 있음
• 숙소/음식/관광 등 여행정보를 카테고리별로 정리해 공유할 수 있음

⭐️ 마이페이지

• 사용자의 닉네임, 프로필 사진 등 회원 정보수정을 할 수 있음
• 여행 완료 후 여행소감을 작성하면, 마이페이지에서 지난 여행기록을 확인할 수 있음

📚 폴더 구조

📦src
 ┣ 📂apis -> api 
 ┃ ┗ 📂api
 ┣ 📂assets -> images, icons
 ┣ 📂components -> 페이지 별 컴포넌트, 공통 컴포넌트 
 ┃ ┣ 📂Main
 ┃ ┣ 📂My
 ┃ ┣ 📂Plan
 ┃ ┣ 📜DateModal.js
 ┃ ┣ 📜FormLayout.js
 ┃ ┣ 📜Header.js
 ┃ ┣ 📜Layout.js
 ┃ ┗ 📜PlaceList.js
 ┣ 📂pages
 ┃ ┣ 📜Join.js
 ┃ ┣ 📜Login.js
 ┃ ┣ 📜Main.js
 ┃ ┣ 📜Mypage.js
 ┃ ┣ 📜NotFound.js
 ┃ ┣ 📜Plan.js
 ┃ ┣ 📜Review.js
 ┃ ┣ 📜Share.js
 ┃ ┗ 📜Write.js
 ┣ 📂services -> redux 함수 파일 
 ┣ 📂store
 ┣ 📂styles
 ┣ 📂utils -> 정규표현식, 함수
 ┣ 📜administrative_district.json
 ┣ 📜App.js
 ┣ 📜axiosConfig.js
 ┣ 📜index.css
 ┣ 📜index.js
 ┗ 📜reportWebVitals.js

🧑‍💻Author

이은지
👀GitHub: @ej070961

이정수
👀GitHub: @jjeongsu