Skip to content

[TAVE 하반기 최우수 프로젝트] 여행 계획 작성 및 공유 웹서비스

Notifications You must be signed in to change notification settings

ej070961/Wiz-trip-Front

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

제목을-입력해주세요_-001 (2)

✨ 프로젝트 소개

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


📆 개발 기간


🎬구동 영상

회원가입,로그인 여행생성 및 랜드마크 조회
GIFMaker_me (1) GIFMaker_me (2)
여행 계획 리뷰작성 및 회원정보 수정
GIFMaker_me (3) GIFMaker_me

📚 기술 스택


🖥 화면 구성

로그인페이지 회원가입페이지
image image
메인페이지 플랜페이지
image image
마이페이지 리뷰작성페이지
image image
회원정보수정페이지 리뷰조회페이지
image image

📦 주요 기능

⭐️ 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

About

[TAVE 하반기 최우수 프로젝트] 여행 계획 작성 및 공유 웹서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.0%
  • Other 1.0%