OurTrip

프로젝트 소개

• 항공권 숙박, 티켓, 투어, 액티비티 등을 예매할 수 있는 '마이리얼트립'을 모티브로 한 여행 예약 플랫폼 사이트 '아워트립' 제작
• 개발 기간 : 2022/06/07 ~ 2022/06/16 (10일)
• 시연 영상 : https://www.youtube.com/watch?v=n8d-xT8DhpA

팀원

Front-end

손가영	유하은	윤경연	최현민

Back-end

정병휘	최바다

기술 스택

Front-end

• HTML5
• Styled-Component
• JavaScript(ES6)
• React.js
• react-router
• slick (library)

Back-end

• Python
• Django
• MySQL
• Bcrypt
• pyjwt
• RESTful

Collaboration Tools

• Git
• GitHub
• Slack
• Trello

구현 페이지

	메인 페이지
설명	-하은님 작성 -하은님 작성 -하은님 작성

	로그인 페이지
설명	-카카오 소셜 로그인 구현

	로딩 페이지
설명	-메인에서 항공편 리스트로 넘어가는 과정에 사용자에게 보여지는 로딩 페이지 구현

	항공편 리스트 페이지
설명	-fetch, useNavigate, useLocation을 활용하여 백엔드에서 데이터를 가지고 옴 -가지고 온 데이터를 map함수를 활용하여 정렬 -querystring을 활용하여 필터 및 정렬기능 구현

	결제 페이지
설명	-해당 항공권 리스트 페이지에서 클릭한 해당 항공권의 flight_id의 정보를 가지고 결제 페이지로 이동 -useNavigate를 사용해서 페이지로 이동함 -동의박스까지 체크하고 나면 my page로 이동

	Nav
설명	- useLocation을 사용하여 페이지 변화할 때마다 nav 스타일링이 변화 하도록 구현 - token 유/무에 따라 변화하는 nav bar 상단 바 구현 -가영님 작성

	Footer
설명	-가영님 작성 -가영님 작성 -가영님 작성

	마이 페이지
설명	-가영님 작성 -가영님 작성 -가영님 작성

	예약 상세 페이지
설명	-가영님 작성 -가영님 작성 -가영님 작성

---

Reference

• 이 프로젝트는 마이리얼트립 사이트를 참조하여 학습목적으로 만들었습니다.
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.