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
- Host: GitHub
- URL: https://github.com/yebinyun/hotel-reservation-client
- Owner: YebinYun
- Created: 2023-11-30T04:46:45.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-05T04:59:15.000Z (over 2 years ago)
- Last Synced: 2025-10-10T19:33:07.077Z (9 months ago)
- Topics: mui, nextjs, react, reactquery, recoil, typescipt
- Language: TypeScript
- Homepage: https://next13-hotels-reservation.vercel.app/
- Size: 9.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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
```