An open API service indexing awesome lists of open source software.

https://github.com/yebinyun/hotel-reservation-client

🏨 전세계 호텔 예약 사이트-Front
https://github.com/yebinyun/hotel-reservation-client

mui nextjs react reactquery recoil typescipt

Last synced: 3 months ago
JSON representation

🏨 전세계 호텔 예약 사이트-Front

Awesome Lists containing this project

README

          

## 🚀 소개

#### 🏨 전세계 호텔 예약 확인(정보 및 가능 여부 확인) 사이트


## 🕐 기간

2023.11.29 ~ 2023.12.28


## ⚒️ Stack


## 📌 주요 기능

| 기능 | 화면 |
| --------------- | -------------------------------------------------- |
| 메인 | 메인 |
| 회원가입 (유저) | 지도 |
| 로그인 (유저) | 지도 |
| 수정하기 (유저) | 지도 |
| 지도 (예약) | 지도 |
| 달력 (예약) | 달력 |
| 인원 (예약) | 인원 |

## 📁 폴더 구조

```
.
├───.next

├───.vscode

├───node_modules

├───public
│ └───images

└───src
├───api
│ └───getHotelList.tsx

├───app
│ ├───layout.css
│ ├───layout.tsx
│ └───page.tsx

├───components
│ ├───header
│ │ ├───headerBookingMenu
│ │ │ ├───bookingCalender
│ │ │ │ └───BookingDateInput.tsx
│ │ │ │
│ │ │ ├───bookingGuest
│ │ │ │ └───BookingDateInput.tsx
│ │ │ │
│ │ │ ├───bookingMap
│ │ │ │ ├───BookingMapSearch.tsx
│ │ │ │ └───Map.tsx
│ │ │ │
│ │ │ ├───BookingModalComponent.tsx
│ │ │ ├───BookingModalHeaderComponent.tsx
│ │ │ └───BookingProgressComponent.tsx
│ │ │
│ │ ├───headerUserMenu
│ │ │ ├───UserModalComponent.tsx
│ │ │ └───LoginToggleDropDownComponent.tsx
│ │ │
│ │ ├───HeaderBottomComponent.tsx
│ │ ├───HeaderComponent.tsx
│ │ └───HeaderTopComponent.tsx
│ │
│ └───main
│ ├───HotelListComponent.tsx
│ ├───HotelListCardComponent.tsx
│ └───HotelListTitleComponent.tsx

├───containers
│ ├───header
│ │ ├───headerUserMenu
│ │ │ └───UserModalContainer.tsx
│ │ │
│ │ ├───HeaderBottomContainer.tsx
│ │ ├───HeaderContainer.tsx
│ │ └───HeaderTopContainer.tsx
│ │
│ └───main
│ └───HotelListContainer.tsx

├───hooks
│ └───useDataAlert.tsx

├───recoil
│ ├───RecoilHotelLike.tsx
│ ├───RecoilHotelList.tsx
│ └───RecoilPageIndex.tsx

└───utils
├───countryCapital.json
├───HeaderIcon.tsx
├───hotelDummyList.tsx
└───userData.json
```