🏠bearbnb Team Project

프로젝트 소개

위코드 2주차 팀 프로젝트로 숙박 공유 경제 서비스인 Airbnb 클론 프로젝트를 진행하였습니다.

bearbnb 팀원 소개

• FrontEnd Developer : 정민선(PM), 김승완, 태성현
• BackEnd Developer : 김건희, 윤정민, 홍연우

프로젝트 기간

2021.01.25 ~ 2021.02.05 약 2주간 진행

기술 스택

• HTML/CSS
• React.js, React Hooks(CRA settings)
• Redux
• react-router-dom
• Kakao Login API
• Google Map API
• react-dates library
• styled-components

협업 도구

• Slack
• Trello
• Git + GitHub

구현한 기능

1. 메인페이지

2. Navbar

• 스크롤 반응형 네브바 구현
• 캘린더 모듈 구현
• 게스트 인원 모듈 구현
• Redux를 사용하여 검색 키워드 전역 상태관리
• router state로 전페이지 관련 상태 내용 동기화

3. 로그인 / 회원가입

• 카카오 로그인 및 회원가입 구현
• 일반 로그인 / 회원가입 구현

4. 상품 리스트 페이지

• Google Map API를 이용한 좌표 및 마커 설정 기능
• 상품 리스트 관련 데이터 받아오기 구현
• slick slider를 이용한 image carousel 기능 구현

5. 상품 디테일 페이지

• url parameter를 이용한 동적라우팅 기능 구현
• 상품 디테일 관련 데이터 받아오기 구현
• Google Map API를 이용한 좌표 및 마커 설정 기능