Trang web đặt phòng khách sạn sang trọng với 2 giao diện khách hàng và người quản trị.
Đối với giao diện khách hàng, đầy đủ các tính năng như đặt phòng, xem phòng, tìm phòng, thanh toán và xem lịch sử đặt phòng.
Với giao diện của người quản trị, có các chức năng như quản lí đặt phòng, xem các lịch mà khách hàng đặt, quản lí thông tin phòng và xem được doan thu của khác sạn qua tưng ngày, tháng, năm
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
HƯỚNG DẪN CÀI ĐẶT
Yêu cầu máy cần cài đặt công cụ git và máy cài đặt node.js phiên bản v20.16.0
1. Cách cài đặt FrontEnd
Bước 1: Mở thư mục muốn cài đặt code về
Bước 2: Mở terminal bằng cách ấn cmd vào thanh như trong hình dưới ở nơi bạn muốn lưu code và enter
Bước 3: Cửa sổ terminal mở lên ghi câu lệnh sau:
Sử dụng câu lệnh “git clone [Link git frontend]” và ấn enter để tải soure code về máy
Bước 4: Sau đó mở code bằng cách di chuyển vào thư mục code (sử dụng lệnh cd BookingHotel để di chuyển vào thư mục code) và ấn lệnh code .
Bước 5: Tiếp theo cài đặt các gói thư viện npm của dự án bằng cách mở terminal code với tổ hợp phím Ctrl + ` và gõ npm i
Bước 6: Sau khi cài xong các thư viện npm, tạo 1 file đặt tên .evn ngoài thư mục root như sau và gõ như sau trong file.
//File .env
REACT_APP_API_URL = /* Url backend */ ( Có thể dùng url tự cấu hình ở phần 2 hoặc có thể dùng url được nhóm cấu hình sẵn “https://be-hotelbookingroom.onrender.com” )
REACT_APP_FB_APP_ID = /* App id của Facebook */
FIREBASE_API_KEY = /* Api key Firebase */
FIREBASE_AUTH_DOMAIN = /* Auth domain Firebase */
2. Cách cài đặt BackEnd
Bước 1 : Sử dụng câu lệnh “git clone https://github.com/mtrine/BE_HotelBookingRoom.git” để tải source code về.
Bước 2 : Cài đặt tương tự như cách cài FrontEnd chọn thư mục lưu sau đó gõ lệnh sau để tải code về
Bước 3 : Sau đó mở code ra và cài đặt các gói npm và tạo 1 file có tên “.env” với nội dung như sau để cấu hình
//File .env
HOST = /* Host của DB */
DB_PORT = /* Port của DB */
DB_NAME = /* Tên của DB */
DB_USER = /* Tên tài khoản của DB */
DB_PASS = /* Mật khẩu của DB */
PORT = /* Port để chạy*/
JWT_ACCESS_TOKEN_SECRET = /* Key secret của access token */
JWT_ACCESS_EXPIRE = /* Thời gian tồn tại của access token */
JWT_REFRESH_TOKEN_SECRET = /* Key secret của refresh token */
JWT_REFRESH_EXPIRE = /* Thời gian tồn tại của refresh token */
#FACEBOOK CONFIG
FACEBOOK_APP_ID = /* App id của Facebook */
FACEBOOK_APP_SECRET = /* App secret của Facebook */
#EMAIL CONFIG
EMAIL_AUTH_USER = /* Email dùng để gửi mail */
EMAIL_AUTH_PASSWORD = /* App password của email */
EMAIL_HOST = smtp.gmail.com
#VNPAY CONFIG
VNPAY_TMNCODE = /* Terminal ID của Vnpay */
VNPAY_HASHSECRET = /* Secret Key của Vnpay */
VNPAY_HOST = https://sandbox.vnpayment.vn
VNPAY_RETURN_URL = { Url client }/payment-return
#ZALOPAY CONFIG
ZALOPAY_APP_ID = /* App id của Zalopay */
ZALOPAY_KEY1 = /* Key số 1 của Zalopay */
ZALOPAY_KEY2 = /* Key số 2 của Zalopay */
ZALOPAY_ENDPOINT = https://sb-openapi.zalopay.vn/v2/create
ZALOPAY_CALLBACK_URL ={ Url của server }/api/v1/zalopay-payment/callback
ZALOPAY_REDIRECT_URL = { Url client }/payment-return
FIREBASE_PROJECT_ID = /* Project id Firebase */
FIREBASE_STORAGE_BUCKET = /* Storage bucket Firebase */
FIREBASE_MESSAGING_SENDER_ID = /* Messaging sender id Firebase */
FIREBASE_APP_ID = /* App id Firebase */
FIREBASE_MEASUREMENT_ID = /* Measurement Firebase */
Bước 4 :Sau đó gõ lệnh “ npm start ”để chạy code. Code sẽ chạy trên cổng mà đã được cấu hình trên file .env
Nguồn: Topcode.vn
