hotel-bnb's People
hotel-bnb's Issues
[DetailPage] Images 불러오기
[mapPage] map 기능 구현
- 페이지 지도 표시
- 호텔 데이터 가져오기
- marker 표시
useGetRooms 커스텀 함수 작성
- firebase Rooms 데이터 가져오기
- 로딩 처리
[PersonalInfoPage] 컴포넌트 Footer 작성
- Footer.jsx
- Footer.css
[PaymentPage] 결제페이지 레이아웃 제작
- 예약정보 Container 제작
- 결제정보 Container 제작
[RoomsProvider] rooms context 작성
- rooms context 작성
- rooms 데이터 사용하는 페이지 useContext로 변경
[accountPage] 페이지 구현
- 결제 내역 보여주기
[RoomItem] 찜하기 기능 구현
- zustand store 생성
- 찜하기, 제거하기 기능
react-query
[Login] 구글 로그인정보 users에 data set
[Calendar] 달력 UI
[SearchPage] 지역으로 검색하기 구현
- 지역검색 modal 제작
- 선택한 지역으로 전체 roomData filter
- 검색된 Data로 Map과 함께 Render되는 page 제작
[Calendar] 달력 기능 구현
[DetailPage] ImagesContainer 구조 잡기
[MapPage] 커스텀 마커 표시
- 커스텀 마커 가격 표시
[DetailPage] 예약하기 card 구조 잡기
hotel-bnb 프로젝트 설정
- 관련 패키지 설정
- eslisnt + prettier
- router 설정
- firsbase 설정
[Header] SearchBar 제작
- layout 구성
- 지역별 검색 기능
- 날짜별 검색 기능
[UserProvider] 로그인과 로그아웃 시, user정보 저장
- 로그인과 로그아웃 시, user 정보 변경
[PersonalInfoPage] 비밀번호 수정 기능 구현
[PaymentPage] 카카오 결제 API
- 결제 요청
- 결제 승인 요청
[Account Page] 레이아웃 구현
- Account Page 레이아웃 1차 구현
[mainPage] roomList 스타일 지정
- roomList 스타일
- 반응형
[mainPage] roomList 컴포넌트 작성
- roormItem 컴포넌트 작성
- roomList 스타일 지정
[HeaderMenuModal] 버튼 누를 시 페이지 이동
- 버튼 누를 시 페이지 이동
[Payment] 결제 상태에 따른 페이지
- 결제 성공 페이지
- 결제 실패 페이지
- 결제 대기 페이지
[PaymentWaiting] 결제 성공 시 호텔 데이터 firebase 저장
- 결제 성공 시 호텔 데이터 firebase 저장
- 계속 렌더되는 문제 해결
[SignUpPage] 회원가입 유효성검사
- onChange 시, 유효성 검사(span tag display)
- onSubmit 시 ,유효성 검사
[PaymentPage] 결제한 호텔 데이터 firebase 추가
- 호텔 데이터 firebase 추가
[PersonalInfoPage] Footer css 파일 style.jsx로 바꾸기
[PersonalInfoPage] Footer style 잡기
[ToastMessage] Toast Message hook 제작
- Toast Message hook 제작
[Header] Tags 제작
- Tag Item 컴포넌트 제작
- Tags에서 img, text를 props로 전달
[PersonalInfoPage] 레이아웃 만들기
[mainPage] 찜하기 오류 수정
- 로그인했을 때 로그인한 유저 wishList 가져오기
- 로그아웃 시 wishList 초기화
[PersonalInfoPage] 개인 정보 ( 이름, 이메일, 비밀번호, 전화번호 불러오기)
hotel-bnb 프로젝트 초기 설정
- eslint, prettier 설정
- firebase 설정
- router 설정
- 관련 패캐지 설정
[Header] 로그인된 유저 유무에 따른 메뉴 목록 변경
- 현재 로그인 되어있는 유저 유무판단 구현
- Current User에 따른 메뉴 목록 변경 구현
[DetailPage] 편의시설 리스트 기능 구현하기
- 리스트 만들기
- 리스트 필터하기
- 리스트 렌더하기
[Global] 글꼴 적용
[Header] 달력과 관련된 기능 보충하기
- 달력에 날짜 클릭 시, 해당 날짜 위에 나오게 하기
- 헤더서치 모달 UI 보충하기
- 헤더 로그인 모달 외부 클릭시 모달 창 닫히게 하기
LoginContext 생성
- currentUser context 생성
- UserContext 에서 로직 분리
[Header] Design 및 기능 구현
- Header 디자인
- Header Menu 클릭 시, 개별 메뉴 Design
- 개별 메뉴 Event 등록
[mainPage] 호텔 찜하기 구현
- 호텔 wishlist 추가, 삭제 기능 구현
- firebase 데이터 추가 삭제
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.