Hệ thống quản lý khách sạn react mongodb

[Mã code 45038]
  1 Đánh giá    Viết đánh giá
 0      21      0
Phí tải: 50 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
22-9-2025
Loại file
Full code
Dung lượng
2.3 MB

Hệ thống quản lý khách sạn react mongodb giao diện đẹp phù hợp phát triền


MÔ TẢ CHI TIẾT

Xác thực và đăng ký người dùng:

Nhân viên khách sạn có thể đăng nhập vào ứng dụng để thực hiện nhiệm vụ.

Người dùng mới chỉ có thể đăng ký trong ứng dụng để đảm bảo rằng chỉ có nhân viên khách sạn mới có thể tạo tài khoản.

Quản lý hồ sơ người dùng:

Người dùng có thể tải lên ảnh đại diện để cá nhân hóa hồ sơ của mình.

Người dùng có thể thay đổi tên và mật khẩu của mình.

Quản lý cabin:

Ứng dụng này cung cấp chế độ xem bảng với tất cả các cabin.

Chế độ xem bảng hiển thị thông tin về cabin, bao gồm ảnh cabin, tên, sức chứa, giá và mức giảm giá hiện tại.

Người dùng có thể cập nhật hoặc xóa cabin hiện có.

Người dùng có thể tạo cabin mới, bao gồm khả năng tải ảnh lên.

Quản lý đặt phòng:

Ứng dụng cung cấp chế độ xem bảng với tất cả các lần đặt chỗ.

Chế độ xem bảng hiển thị thông tin đặt phòng, bao gồm ngày đến và ngày đi, trạng thái đặt phòng, số tiền đã thanh toán, chi tiết cabin và dữ liệu khách.

Trạng thái đặt phòng có thể là "chưa xác nhận", "đã nhận phòng" hoặc "đã trả phòng".

Có thể lọc chế độ xem bảng theo trạng thái đặt chỗ.

Dữ liệu đặt phòng bổ sung bao gồm số lượng khách, số đêm, ý kiến ​​của khách và liệu bữa sáng đã được đặt hay chưa cũng như giá của bữa sáng.

Hoạt động đặt chỗ:

Người dùng có thể xóa, nhận phòng hoặc trả phòng khi khách đến.

Khi nhận phòng, người dùng có thể chấp nhận thanh toán bên ngoài ứng dụng và sau đó xác nhận thanh toán trong ứng dụng.

Du khách có thể thêm bữa sáng cho toàn bộ thời gian lưu trú khi nhận phòng nếu chưa thực hiện.

Quản lý dữ liệu khách:

Dữ liệu khách bao gồm họ tên đầy đủ, email, CMND, quốc tịch và cờ của quốc gia để dễ dàng nhận dạng.

Bảng điều khiển:

Màn hình ứng dụng ban đầu đóng vai trò như bảng điều khiển hiển thị thông tin quan trọng trong 7, 30 hoặc 90 ngày qua.

Nó hiển thị danh sách khách đang làm thủ tục nhận phòng và trả phòng trong ngày hiện tại và người dùng có thể thực hiện các tác vụ liên quan đến những hoạt động này từ bảng điều khiển.

Bảng thông tin cung cấp số liệu thống kê về các lượt đặt phòng gần đây, doanh số bán hàng, lượt nhận phòng và tỷ lệ lấp đầy.

Nó bao gồm một biểu đồ hiển thị tất cả doanh số bán hàng hàng ngày của khách sạn, phân biệt giữa doanh số "tổng cộng" và doanh số bán hàng "phụ" (hiện tại chỉ có bữa sáng).

Ngoài ra còn có biểu đồ hiển thị số liệu thống kê về thời gian lưu trú, một chỉ số quan trọng đối với khách sạn.

Cài đặt toàn ứng dụng:

Người dùng có thể xác định các cài đặt trên toàn ứng dụng như giá bữa sáng, số đêm tối thiểu và tối đa cho mỗi lần đặt phòng và số khách tối đa cho mỗi lần đặt phòng.

Chế độ tối:

Ứng dụng này có tùy chọn chế độ tối để mang lại giao diện trực quan khác biệt và nâng cao trải nghiệm người dùng trong điều kiện ánh sáng yếu.


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

quản lý,Hệ thống quản lý,Hệ thống khách sạn,react,Hệ thống quản lý khách sạn

quản lý,Hệ thống quản lý,Hệ thống khách sạn,react,Hệ thống quản lý khách sạn

quản lý,Hệ thống quản lý,Hệ thống khách sạn,react,Hệ thống quản lý khách sạn

quản lý,Hệ thống quản lý,Hệ thống khách sạn,react,Hệ thống quản lý khách sạn

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT
  • Điều hướng đến thư mục dự án:

    cd the-wild-oasis
    
    Cài đặt các phần phụ thuộc:
  • npm install
    
    Thiết lập các biến môi trường:
    1. Tạo một .envtập tin trong thư mục gốc.

    2. Thêm các biến sau vào tệp .env, thay thế các giá trị giữ chỗ bằng giá trị của riêng bạn:

    DATABASE_URL=<your-mongodb-uri>
    NEXTAUTH_SECRET=<your-nextauth-secret>
    NEXT_PUBLIC_CLOUDINARY_KEY=<your-cloudinary-cloud-name>
    
    Gieo hạt cơ sở dữ liệu
  • npm run db:seed

Cách sử dụng

Khởi động máy chủ phát triển:

  • npm run dev
    
    Mở trình duyệt và truy cập http://localhost:3000để truy cập ứng dụng.

     

 
 
LINK DOWNLOAD

the-wild-oasis.zip [2.3 MB]

File đã được kiểm thử
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(50 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
14:44 - 22/9/2025
Code rất tốt
Code rất tốt và phù hợp để phát triển

Mua code qua sharecode.vn để được bảo vệ
BẠN HÃY MUA CODE QUA SHARECODE.VN ĐỂ ĐƯỢC BẢO VỆ
NGƯỜI BÁN
Miễn phí 22 Code
Có phí 716 Code
 
CHIA SẺ NHANH (CODE 45038)
 HỖ TRỢ TRỰC TUYẾN