Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

React Redux NodeJs MERN Stack - Hotel Booking Marketplace

Xây Dựng Sàn Đặt Phòng Khách Sạn Toàn Cầu với React Redux NodeJs MERN Stack

Xây Dựng Sàn Đặt Phòng Khách Sạn Toàn Cầu với React Redux NodeJs MERN Stack

Khai thác sức mạnh của JavaScript với React, Redux, Node, MongoDB và Stripe để xây dựng một Sàn Giao Dịch Toàn Cầu và Kiếm Tiền!

4.6
(343 đánh giá)
3,182 học viên
Giảng viên
Ryan Dhungel
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
16.0 giờ video
124 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Xây dựng ứng dụng sàn giao dịch full stack bằng MERN Stack (MongoDB, Express, React, Node)
Học cách tích hợp thanh toán Stripe để xây dựng một sàn giao dịch mạnh mẽ
Nắm vững khái niệm cốt lõi của ứng dụng sàn giao dịch - Thu tiền và chi trả cho người bán
Kiếm tiền với vai trò chủ sàn bằng cách nhận phần trăm từ mỗi giao dịch
Xây dựng ứng dụng web hiện đại cực nhanh bằng JavaScript full stack, React, Redux, Node, MongoDB và Stripe
Trang bị kỹ năng giá trị để xây dựng mọi loại sàn giao dịch, bao gồm cả ứng dụng Thương mại điện tử
Học cách sử dụng Stripe nâng cao để tự động hóa toàn bộ quy trình thanh toán, xây dựng ứng dụng sàn giao dịch đa người dùng
Học cách xây dựng riêng biệt Server/API và Client/Web app bằng MERN stack
Học cách tự viết Hệ thống Xác thực dựa trên JWT từ đầu
CRUD và Tìm kiếm Nâng cao

Yêu cầu

Thành thạo Ngôn ngữ Lập trình JavaScript
Hiểu biết cơ bản về React
Hiểu biết cơ bản về Node
Đảm bảo bạn ở quốc gia được Stripe hỗ trợ (tìm kiếm "stripe supported countries" trên Google để biết thêm)

Đối tượng phù hợp

Lập trình viên Web muốn xây dựng dự án thực tế để kiếm tiền
Lập trình viên Web muốn xây dựng sàn giao dịch bằng MERN stack
Lập trình viên Web muốn trở thành doanh nhân, khởi nghiệp
Bất kỳ lập trình viên JavaScript nào muốn có kinh nghiệm full stack

Nội dung khóa học

17 phần • 122 bài giảng
1 Về ứng dụng
2 Điểm nổi bật của khóa học
3 Tải mã nguồn
4 Bạn mới làm quen với JavaScript, React và NodeJs?
1 Thiết lập Client
2 Phiên bản React Router
3 Triển khai định tuyến
4 Menu điều hướng
5 Thiết lập Redux
6 Truy cập trạng thái Redux
1 Thiết lập Server
2 Server Express
3 Sử dụng cú pháp import/export
4 Các tuyến đường (Routes)
5 Tự động tải Routes
6 Bộ điều khiển (Controllers)
7 Biến môi trường
8 Sử dụng Morgan
9 Phiên bản Mongoose
10 Thiết lập Cơ sở dữ liệu
1 Trang đăng ký
2 Biểu mẫu đăng ký
3 Tách riêng Component biểu mẫu
4 Sử dụng Axios
5 Điểm cuối đăng ký và Middleware JSON
6 Lược đồ Người dùng (User Schema)
7 Mã hóa mật khẩu với Bcrypt
8 Lưu người dùng vào cơ sở dữ liệu
9 Thông báo Toast
10 Biến môi trường trong React
1 Các Hành động (Actions)
2 Trang đăng nhập
3 Yêu cầu đăng nhập
4 So sánh mật khẩu
5 Xử lý đăng nhập
6 JWT khi đăng nhập
7 Người dùng và Token trong Redux và Local Storage
8 Trạng thái Redux khi tải lại trang
9 Hiển thị có điều kiện và Đăng xuất
1 Tuyến đường riêng tư (Private Route)
2 Điều hướng Bảng điều khiển
3 Liên kết đang hoạt động
4 Kết nối điều hướng 1
5 Kết nối điều hướng 2
6 Các liên kết trên trang Bảng điều khiển người dùng
1 Thiết lập Stripe
2 Hiển thị có điều kiện cho người dùng đã và chưa kết nối
3 Hiển thị nội dung cho người dùng chưa kết nối
4 Hành động kết nối tài khoản
5 Xác minh Token với Express JWT
6 Sử dụng Stripe ở Backend
7 Lưu ID tài khoản Stripe
8 Tạo liên kết đăng nhập
1 Quy trình Onboarding
2 Vấn đề Onboarding với Stripe Connect
3 Các hàm lấy trạng thái Stripe của người dùng
4 Lấy trạng thái tài khoản trong Callback Stripe
5 Lưu trạng thái cập nhật của người bán Stripe vào cơ sở dữ liệu
6 Trạng thái Stripe của người dùng trong Redux và Local Storage
7 Cập nhật số ngày trì hoãn chi trả của Stripe
8 Số dư đang chờ xử lý của người dùng Stripe
9 Lấy số dư tài khoản
10 Kiểu dải băng (Ribbon) và Định dạng tiền tệ
11 Yêu cầu liên kết đăng nhập thiết lập chi trả
12 Thiết lập chi trả cho người dùng Stripe
13 Tổng kết
1 Thiết lập Algolia
2 Biểu mẫu Khách sạn mới 1
3 Biểu mẫu Khách sạn mới 2
4 Xử lý thay đổi ảnh và Xem trước ảnh
5 Tự động gợi ý địa chỉ với Dropdown Algolia Places
6 Chọn ngày (Datepicker)
7 Component Ant Select và Options
8 Hàm tạo khách sạn
9 Gửi dữ liệu biểu mẫu
10 Lược đồ Khách sạn (Hotel Schema)
11 Tạo khách sạn mới
12 Component tạo khách sạn
13 Thông báo lỗi
1 Điểm cuối lấy danh sách khách sạn
2 Khách sạn trên trang chủ
3 Hiển thị khách sạn trong Component thẻ nhỏ
4 Hiển thị tiện ích của khách sạn
5 Hiển thị ảnh khách sạn
1 Hiển thị có điều kiện: Sửa, Xóa
2 Gỡ lỗi - Lỗi "Headers already sent"
3 Khách sạn của Người bán
4 Yêu cầu khách sạn người bán và sửa lỗi postedBy
5 Khách sạn trong Bảng điều khiển của người bán
1 Xóa khách sạn phía Client
2 Xóa khách sạn phía Server
3 API lấy thông tin một khách sạn
4 Lấy dữ liệu một khách sạn
5 Trang chỉnh sửa khách sạn
6 Điền sẵn dữ liệu khách sạn trong biểu mẫu chỉnh sửa
7 Gửi dữ liệu biểu mẫu để cập nhật khách sạn
8 Lưu chỉnh sửa khách sạn
9 Sửa lỗi cập nhật ảnh
1 Trang xem chi tiết khách sạn 1
2 Trang xem chi tiết khách sạn 2
3 Sửa lỗi đăng nhập với nút "Đặt ngay"
4 Về phiên thanh toán Stripe Checkout
5 Lấy đối tượng phiên Stripe
6 Lưu và phản hồi phiên Stripe
7 Thanh toán với Stripe
8 Xem số dư tài khoản
1 Trang thành công và hủy của Stripe
2 Trang thanh toán thành công Stripe
3 Mô hình Đơn hàng (Order Model)
4 Xử lý phía Backend khi Stripe thành công
5 Thử nghiệm trang thành công khi thanh toán thành công
1 Đặt phòng khách sạn của Người dùng
2 Hiển thị đặt phòng của người dùng
3 Component Modal hiển thị thông tin thanh toán
4 Hiển thị có điều kiện: Đã được đặt chưa
5 Ẩn khách sạn có ngày khả dụng đã qua
1 Biểu mẫu tìm kiếm với Algolia Places
2 Phạm vi ngày và số giường tìm kiếm
3 Trang kết quả tìm kiếm
4 Phản hồi khách sạn theo truy vấn tìm kiếm
5 Hiển thị kết quả tìm kiếm
1 Các khóa học khác bạn có thể thích

Giới thiệu khóa học

Have you ever dreamed of building your own marketplace app and start making money? Well, It is about to become true!

In this course, you will learn to build a Marketplace app with similar concept used by sites like eBay, Udemy, E-commerce Marketplace, Online Service Booking (for example for car servicing), Hotel Booking, Beauty Parlor Booking etc

  • This app will allow users to post services/products on your site

  • Let users buy those products/services.

  • As a platform owner, you will collect money from customers and pay to sellers.

  • In-between you will take certain percentage/commission/fee for being a platform owner.

  • You will host two different types of users in your app. one is seller who will sell products or services, for example a hotel owner who will post his hotel rooms available for booking. Other type is buyer who will buy products or services, for example a user who want to book a hotel room.

  • The entire payment flow will be automated using stripe. When a customer pays using their credit card, stripe will allocate certain percentage to the seller and certain percentage to the platform owner (platform fee). Then every week, stripe will automatically pay the balance to the account holders directly to their bank account.

The knowledge you will learn in this course will be extremely valuable for you to build a marketplace app of any kind. You can start making money with the app you build. Are you ready?

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Mern Stack
Hiển thị tất cả khoá học Node Js
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊