K-bnb

air-bnb 웹 페이지 clone 코딩 프로젝트

Feature stacks

• 사용 언어 : HTML5, CSS3, JS
• 프레임 워크 : React 17.0.1
• 라이브러리 : "@reach/combobox": "^0.13.0", "@react-google-maps/api": "^2.1.1", "axios": "^0.21.1", "date-fns": "^2.16.1", "emailjs-com": "^2.6.4", "eslint-config-prettier": "^7.2.0", "google": "^2.1.0", "immer": "^8.0.1", "maps": "^0.3.3", "moment": "^2.29.1", "query-string": "^6.13.8", "react-dates": "^21.8.0", "react-dom": "^17.0.1", "react-error-boundary": "^3.1.0", "react-geocode": "^0.2.2", "react-google-autocomplete": "^1.2.6", "react-google-maps": "^9.4.5", "react-icons": "^4.1.0", "react-redux": "^7.2.2", "react-responsive": "^8.2.0", "redux": "^4.0.5", "redux-actions": "^2.6.5", "redux-devtools-extension": "^2.13.8", "redux-saga": "^1.1.3", "styled-components": "^5.2.1"

How to start

• https://k-bnb.netlify.app/

  OR

• git clone https://github.com/k-bnb/front-end.git

• $ npm install

• $ npm start

FRONT-END Team

• 김용민
• 원진솔
• 정지훈
• 조윤아
• 박명재

BACK-END Team

• 김예찬
• 정한솔

Fatures

• airbnb 페이지의 interactive 요소 구현
• 조건별 검색 기능과, 조건 필터를 통한 상세 검색 기능
• Google Map API를 이용한, 숙소 데이터 marker로 렌더링
• 숙소 예약 및 찜하기, 예약 내역 확인 기능