1. 프로젝트 설치 및 실행

git clone https://github.com/Wanted-Pre-Onboarding-FE-Team5/tripbtoz

npm i

npm start

//windows 운영체제에서 npm start 명령어로 json-server 실행이 안될 경우 추가로 아래 명령어 사용
npm run server

//json-server port 설정 = "json-server --watch ./database/database.json --port 8000" 

2. 프로젝트 목표

트립비토즈에서 제공한 기획안에서 필수로 요구한 기능을 전부 구현한다.

3. 기술스택

typescript react-router-dom styled-components styled-reset json-server react-query date-fns uuid

4. 프로젝트 진행 방향

1. 레이아웃, 스타일

트립비토즈 웹사이트를 기준으로 레이아웃 구현

2. 페이지 구분

• 랜딩 페이지(Landing) : 검색창에서 투숙인원과 투숙기간 선택 후 search -> localStorage에 각각의 정보 저장 후 호텔 페이지로 이동

• 호텔 페이지(Hotel) :

• 예약확인 페이지(Reservation) :

3. 역할 분담

팀원 이름	기능
김슬기	캘린더 구현
이유미	호텔 정보 렌더링 담당
김연진	전체 레이아웃,스타일 담당

8. 제작과정

<슬기>

<연진>

<유미>