Yêu cầu chức năng

1. Trang chủ

Hiển thị:

• Tên khách sạn
• Hình ảnh/banner khách sạn
• Menu điều hướng

Menu gồm:

• Trang chủ
• Danh sách phòng
• Đặt phòng
• Khách hàng

2. Quản lý route

Ứng dụng phải có 4 trang:

3. Danh sách phòng

Hiển thị danh sách các phòng khách sạn.

Mỗi phòng gồm:

• Hình ảnh
• Tên phòng
• Giá phòng
• Trạng thái

Yêu cầu:

• Hiển thị bằng component riêng
• Dữ liệu render từ array
• Sử dụng .map()

4. Sử dụng Props

Tạo component hiển thị thông tin phòng.

Dữ liệu phải được truyền từ component cha xuống component con bằng props.

5. Form đặt phòng

Tạo form đặt phòng gồm:

• Họ tên khách hàng
• Số điện thoại
• Chọn phòng
• Ngày nhận phòng

Yêu cầu:

• Có validate đơn giản
• Hiển thị thông báo khi đặt thành công

6. Danh sách khách hàng

Hiển thị danh sách khách hàng đã đặt phòng.

Thông tin gồm:

• STT
• Tên khách hàng
• Số điện thoại
• Phòng đã đặt

Yêu cầu kỹ thuật

Bắt buộc sử dụng:

• useState
• props
• React Router
• .map()