web homestay,code đặt phòng khách sạn,Source code hệ thống đặt phòng nhà nghỉ

Ảnh demo (10)

Xem LIVE DEMO

[Mã code 53022]

Website thuê Homestay với VNPAY, tạo và đặt phòng online

(1 Đánh giá)

0 99

Hệ thống đặt chỗ homestay hiện đại, kết nối chủ homestay, khách sạn, căn hộ với khách hàng có nhu cầu thuê phòng. Tính năng quản lý, thống kê, thanh toán qua VNPAY. Hoàn tiền, Đánh giá dịch vụ,,,

Danh mục

Javascript

Thể loại

WebsiteGiới thiệu - Dịch vụ

Ngày đăng

08-3-2025

Loại file

Full code

File download

# [#]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Chức năng đầy đủ và giống demo 100%

Hỗ trợ cài đặt TeamViewer hoặc Google Meet nếu bị lỗi đặc biệt

Code tối ưu, dễ dàng chỉnh sửa và nâng cấp

Tích hợp đầy đủ chức năng đặt phòng, thanh toán, quản lý khách thuê, thống kê dữ liệu, AI gợi ý phòng cơ bản

chiến hoàng văn

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
7/3/2025

🎯 Tài Khoản Demo

🔗 Truy cập DEMO

👑 Admin

Username: admin@booking.com

Password: 12345678

🏡 Host (Chủ Homestay)

Username: hostdemo3@gmail.com

Password: 12345678

🧑‍💼 User (Khách Thuê)

Username: user1@gmail.com

Password: 12345678

🌟 Hệ Thống Quản Lý Cho Thuê Homestay – ADMIN + CLIENT

Dự án cung cấp **giải pháp quản lý chỗ nghỉ**, giúp kết nối chủ homestay, căn hộ, khách sạn, biệt thự với khách hàng có nhu cầu thuê phòng. Hệ thống cho phép quản trị viên theo dõi và quản lý các giao dịch, tài khoản, đặt phòng một cách dễ dàng.

🎯 Chức năng chính phía khách hàng

📊 Đăng ký, đăng nhập, xem phòng, đặt phòng theo thời gian, giá phòng.
💰 Giao dịch: Nạp tiền qua VNPAY, đặt phòng giữ chỗ.
👥 Quản lý tài khoản, đổi avatar, cập nhật thông tin.
🛏 Lịch sử phòng thuê, cho phép huỷ phòng hoàn tiền.
📅 Xem phòng còn trống, hình ảnh chi tiết.
⭐ Đánh giá chỗ nghỉ sau khi đặt phòng.

🎯 Chức năng chính phía Admin - Host

📊 Tổng quan: Dashboard theo dõi đặt phòng, doanh thu.
💰 Quản lý giao dịch, thanh toán.
👥 Quản lý tài khoản khách hàng, chủ homestay.
🏡 Quản lý danh sách homestay, khách sạn.
🛏 Thêm, sửa, xóa phòng thuê.
📅 Theo dõi đặt phòng, xác nhận hoặc hủy đơn.
📜 Xử lý yêu cầu đăng chỗ nghỉ.
⭐ Quản lý đánh giá từ khách hàng.

⚡ Công nghệ sử dụng

🚀 Frontend: ReactJS (Vite) + TailwindCSS
🖥 Backend: Node.js + Express + MongoDB
🏗 REST API: Kết nối frontend & backend
🔒 Tích hợp: Thanh toán VNPAY, upload ảnh Firebase, Google Maps API
🔐 Bảo mật: Mã hóa dữ liệu, bảo vệ API.

📩 Liên hệ ngay hoặc bình luận để được tư vấn chi tiết! 🚀

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

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

🚀 HƯỚNG DẪN CÀI ĐẶT SOURCE CODE WEBSITE CHO THUÊ HOMESTAY

1️⃣ Yêu cầu hệ thống

🔹 Node.js >= 18.0 (Tải Node.js)
🔹 Yarn (Trình quản lý package) (Cài đặt Yarn)

2️⃣ Yêu cầu thông tin .env

(Thông tin này bạn cần tự tạo, không thuộc phần hỗ trợ dịch vụ)

🔹 Kết nối MongoDB

Xem hướng dẫn tại: Hướng dẫn tạo MongoDB

Ví dụ:

MONGO_URI=mongodb+srv://demomedproxxxx:demomedproxxxxx@homestaycluxlys.ntflq.mongodb.net/

🔹 Cấu hình VNPAY

Xem hướng dẫn tại: Hướng dẫn lấy config VNPAY

Chỉ cần lấy được các thông tin Merchant VNPAY như trong video (phút 2:46).

🔹 Cấu hình Firebase

Dùng để upload ảnh, cần thông tin config Firebase.

3️⃣ Cài đặt source (Node.js + Express)

📥 Tải file ZIP và giải nén thành thư mục homestay
📂 Mở thư mục homestay, copy file .env.local và đổi tên thành .env
✏️ Cập nhật file .env với các thông tin:

MONGO_URI=MONGO_URI
FIREBASE_API_KEY=FIREBASE_API_KEY
FIREBASE_AUTH_DOMAIN=FIREBASE_AUTH_DOMAIN
FIREBASE_APP_ID=FIREBASE_APP_ID
FIREBASE_MESSAGING_SENDER_ID=FIREBASE_MESSAGING_SENDER_ID
FIREBASE_PROJECT_ID=FIREBASE_PROJECT_ID
FIREBASE_STORAGE_BUCKET=FIREBASE_STORAGE_BUCKET
VNP_TMN_CODE=VNP_TMN_CODE
VNP_HASH_SECRET=VNP_HASH_SECRET

4️⃣ Cài đặt & chạy project

📌 Mở **Terminal** hoặc **Command Prompt**, chạy các lệnh sau:

# Cài đặt backend: mở thư mục homestay
yarn install

# Cài đặt frontend: mở thư mục homeatay/frontend
yarn install

# Khi muốn Chạy toàn bộ hệ thống (backend + frontend) mở terminal ở thư mục homestay
yarn full

✅ Sau khi hoàn tất, mở trình duyệt và truy cập: