Đồ án xây dựng hệ thống quản lí cửa hàng ký gửi quần áo cũ

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN Xây dựng hệ thống quản lí cửa hàng ký gửi quần áo cũ Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Huỳnh Mình Chí Mã sinh viên : 20521130 Sinh viên thực : Nguyễn Hữu Trung Kiên Mã sinh viên : 205211489 TP HỒ CHÍ MINH, 2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………… Ngày…tháng……năm 2023 Ngươi nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Đầu tiên, xin gửi lời cảm ơn chân thành đến Cô Trần Thị Hồng Yến – giảng viên môn Nhập môn Công nghệ phần mềm Cô trực tiếp hướng dẫn, tận tình chia sẻ kiến thức, hỗ trợ đóng góp ý kiến quý báu để giúp chúng tơi hồn thành thật tốt đồ án báo cáo Trong thời đại cơng nghệ phát triển mạnh mẽ vượt bậc ngày nay, việc quản lý kinh doanh cửa hàng ký gửi quần áo cũ địi hỏi hiệu tiện lợi Chính nhận thức điều thúc đẩy xây dựng ứng dụng web "PlanB" hệ thống quản lí cửa hàng ký gửi quần áo cũ, nhằm hỗ trợ chủ cửa hàng việc quản lý hàng hóa, bán hàng tối ưu hóa quy trình kinh doanh Đồng thời, ứng dụng mang đến cho khách hàng trải nghiệm mua sắm trực tuyến thuận tiện dễ dàng tìm kiếm sản phẩm quần áo chất lượng từ cửa hàng ký gửi Trong trình thực đồ án, không tránh khỏi thách thức sai sót, hỗ trợ góp ý chân thành từ Cô giúp vượt qua khó khăn hồn thiện đồ án cách tốt Chúng xin cam kết tiếp thu áp dụng kinh nghiệm quý báu để nâng cao khả thực dự án tương lai Một lần nữa, xin chân thành cảm ơn Cô Trần Thị Hồng Yến hy vọng đóng góp Cơ tiếp tục giúp đỡ hỗ trợ chúng tơi hành trình học tập nghiên cứu tương lai Xin chân thành cảm ơn q thầy ! Nhóm sinh viên thực hiện: Huỳnh Minh Chí - 20521130 Nguyễn Hữu Trung Kiên - 20521489 MỤC LỤC CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI .2 1.1 Đặt vấn đề 1.2 Giải Pháp .2 1.3 Mục tiêu đề tài 1.4 Đối tượng sử dụng 1.5 Công cụ sử dụng .3 1.6 Phạm vi nghiên cứu 1.7 Tổng quan đồ án CHƯƠNG 2: TÌM HIỂU CƠ SỞ LÝ THUYẾT 2.1 Thiết kế giao diện người dùng Figma 2.2 Ngơn ngữ lập trình JavaScript .7 2.3 ReactJS 10 2.4 NodeJS 12 2.5 Phần mềm lập trình VSCode 13 2.6 Dịch vụ Github .16 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 18 3.1 ĐẶC TẢ USE CASE 18 3.2 PHÂN TÍCH HỆ THỐNG 32 3.3 THIẾT KẾ DỮ LIỆU 33 CHƯƠNG 4: XÂY DỰNG ỨNG DỤNG 38 4.1 THIẾT KẾ GIAO DIỆN .38 4.2 CÀI ĐẶT VÀ THỬ NGHIỆM 52 CHƯƠNG 5: NHẬN XÉT VÀ KẾT LUẬN 53 5.1 Kết đạt 53 5.2 Hạn chế 53 5.3 Hướng phát triển 54 TÀI LIỆU THAM KHẢO 56 DANH MỤC BẢNG Bảng 3.1 Danh sách Use Case .18 Bảng 3.2 Use case Đăng nhập .19 Bảng 3.3 Use case Đăng xuất 20 Bảng 3.4 Use case Quản lý Ký gửi 21 Bảng 3.5 Use case Quản lý Thanh toán 22 Bảng 3.6 Use case Quản lý Hóa đơn 23 Bảng 3.7 Use case Quản lý Khách hàng 24 Bảng 3.8 Use case Quản lý Sản phẩm 26 Bảng 3.9 Use case Biểu đồ 27 Bảng 3.10 Use case Quản lý Nhân viên 28 Bảng 3.11 Use case Quản lý Chấm công 29 Bảng 3.12 Use case Báo cáo 30 Bảng 3.13 Use case Quản lý Tài khoản 31 Bảng 3.14 Bảng thuộc tính Khách hàng 34 Bảng 3.15 Bảng thuộc tính Nhân viên 34 Bảng 3.16 Bảng thuộc tính Sản phẩm 35 Bảng 3.17 Bảng thuộc tính Ký gửi 35 Bảng 3.18 Bảng thuộc tính Hóa đơn Ký gửi chi tiết .36 Bảng 3.19 Bảng thuộc tính Sản phẩm bán 36 Bảng 3.20 Bảng thuộc tính Lương 36 Bảng 3.21 Bảng thuộc tính Sản phẩm trả lại .37 Bảng 3.22 Bảng thuộc tính doanh thu 37 Bảng 4.1 Danh sách hình 38 Bảng 4.2 Mô tả cách sử dụng hình Đăng nhập 39 Bảng 4.3 Mô tả cách sử dụng hình Trang chủ .40 Bảng 4.4 Mô tả cách sử dụng hình Ký gửi 40 Bảng 4.5 Mô tả cách sử dụng hình Thơng tin sản phẩm 41 Bảng 4.6 Mơ tả cách sử dụng hình Thanh toán 42 Bảng 4.7 Mơ tả cách sử dụng hình Quản lý Hóa đơn 43 Bảng 4.8 Mơ tả cách sử dụng hình Chi tiết Hóa đơn Ký gửi 44 Bảng 4.9 Mơ tả cách sử dụng hình Quản lý Khách hàng 44 Bảng 4.10 Mơ tả cách sử dụng hình Thơng tin Khách hàng 45 Bảng 4.11 Mô tả cách sử dụng hình Quảng lý Sản phẩm 46 Bảng 4.12 Mô tả cách sử dụng hình Chỉnh sửa Sản phẩm 46 Bảng 4.13 Mô tả cách sử dụng hình Biểu đồ 47 Bảng 4.14 Mô tả cách sử dụng hình Quản lý Nhân viên .48 Bảng 4.15 Mơ tả cách sử dụng hình Thơng tin Nhân viên 48 Bảng 4.16 Mơ tả cách sử dụng hình Thơng tin Nhân viên 49 Bảng 4.17 Mô tả cách sử dụng hình Lịch làm việc 50 Bảng 4.18 Mô tả cách sử dụng hình Báo cáo 50 Bảng 4.19 Mô tả cách sử dụng hình Quản lý Tài khoản 51 Bảng 4.20 Mô tả cách sử dụng hình thơng tin Tài khoản 52 DANH MỤC HÌNH Hình Figma Hình 2 JavaScript Hình ReactJS 10 Hình NodeJS 12 Hình Visual Studio Code 14 Hình Github 16 Hình Sơ đồ Use case .18 Hình 3.2 Mơ hình MVC 32 Hình 3.3 Sơ đồ Cơ sở liệu 34 Hình 4.1 Màn hình Đăng nhập 39 Hình 4.2 Màn hình Trang chủ 39 Hình 4.3 Màn hình Ký gửi 40 Hình 4.4 Thơng tin sản phẩm 41 Hình 4.5 Màn hình Thanh tốn .42 Hình 4.6 Màn hình Quản lý Hóa đơn 43 Hình 4.7 Chi tiết Hóa đơn Ký gửi .43 Hình 4.8 Màn hình Quản lý Khách hàng .44 Hình 4.9 Thơng tin Khách hàng 45 Hình 4.10 Màn hình Quản lý Sản phẩm 45 Hình 4.11 Chỉnh sửa Sản phẩm 46 Hình 4.12 Màn hình Biểu đồ 47 Hình 4.13 Màn hình Quản lý Nhân viên 47 Hình 4.14 Thêm Nhân viên 48 Hình 4.15 Thông tin Nhân viên 49 Hình 4.16 Màn hình Lịch làm việc 49 Hình 4.17 Màn hình Báo cáo 50 Hình 4.18 Màn hình Quản lý Tài khoản 51 Hình 4.19 Màn hình Thơng tin Tài khoản 51 TÓM TẮT ĐỒ ÁN "PlanB" website quản lí cửa hàng ký gửi quần áo cũ, thiết kế nhằm hỗ trợ hiệu quản lí cửa hàng, chợ đồ cũ cá nhân bán đồ secondhand Với giao diện trực quan dễ sử dụng, "PlanB" cung cấp tính quản lí hàng hóa, bán hàng thống kê, giúp chủ cửa hàng tối ưu hóa quy trình kinh doanh Website giúp cho người dùng quản lí kiểm sốt mặt hàng cửa hàng, bao gồm thông tin chi tiết, tình trạng, giá thơng tin liên quan khác Ngoài ra, "PlanB" cung cấp chức bán hàng, cho phép người dùng thực giao dịch mua bán cách thuận tiện nhanh chóng Đặc biệt, "PlanB" cung cấp tính thống kê, giúp chủ cửa hàng theo dõi hiệu suất kinh doanh, xem thông số doanh thu, số lượng sản phẩm bán số liên quan khác Nhờ đó, người dùng đưa định thơng minh tối ưu hóa hoạt động kinh doanh Với mục tiêu đơn giản hóa quản lí tối ưu hóa quy trình kinh doanh, "PlanB" giải pháp tiện ích cho cửa hàng, chợ đồ cũ cá nhân bán đồ secondhand, giúp họ nâng cao hiệu suất đạt thành công việc kinh doanh sản phẩm secondhand Đồ án bao gồm chương phần tài liệu tham khảo: - Chương 1: giới thiệu chung đề tài: đặt vấn đề, giải pháp, mục tiêu đề tài, đối tượng sử dụng, công cụ sử dụng, phạm vi nghiên cứu tổng quan đồ án - Chương 2: nói tổng quan sở lý thuyết để xây dựng hệ thống bao gồm: Figma, ReactJS, NodeJS, VSCode, Github - Chương 3: Phân tích thiết kế hệ thống bao gồm đặc tả Use case, phân tích hệ thống thiết kế liệu - Chương 4: Xây dựng hệ thống: tổng quan giao diện hệ thống cài đặt thử nghiệm hệ thống - Chương 5: nhận xét kết luận hệ thống bao gồm: kết đạt được, hạn chế hướng phát triển hệ thống Hình 4.5 Màn hình Thanh tốn 4.1.2.5.2 Mơ tả cách sử dụng xử lý Bảng 4.6 Mô tả cách sử dụng hình Thanh tốn STT Biến cố Xử lý Nhập mã sản phẩm Điền mã sản phẩm để tìm kiếm sản phẩm Khách hàng Tìm kiếm khách hàng chọn từ list khách hàng có sẵn Xác nhận tạo hóa đơn Xác nhận tạo hóa đơn 4.1.2.6 Màn hình Quản lý Hóa đơn 4.1.2.6.1 Giao diện 42 Hình 4.6 Màn hình Quản lý Hóa đơn 4.1.2.6.2 Mơ tả cách sử dụng xử lý Bảng 4.7 Mơ tả cách sử dụng hình Quản lý Hóa đơn STT Biến cố Xử lý Nhập khách hàng mã Tìm kiếm theo khách hàng mã hóa đơn hóa đơn cần tìm Hóa đơn khách hàng Xem chi tiết hóa đơn ký gửi khách hàng 4.1.2.7 Chi tiết hóa đơn Ký gửi 4.1.2.7.1 Giao diện Hình 4.7 Chi tiết Hóa đơn Ký gửi 43 4.1.2.7.2 Mô tả cách sử dụng xử lý Bảng 4.8 Mô tả cách sử dụng hình Chi tiết Hóa đơn Ký gửi STT Biến cố Xử lý Thanh toán cho khách Xác nhận tốn hóa đơn cho khách In hóa đơn In thơng tin hóa đơn Hủy bỏ Thốt khỏi xem chi tiết hóa đơn ký gửi 4.2.8 Màn hình Quản lý Khách hàng 4.2.8.1 Giao diện Hình 4.8 Màn hình Quản lý Khách hàng 4.1.2.8.2 Mơ tả cách sử dụng xử lý Bảng 4.9 Mô tả cách sử dụng hình Quản lý Khách hàng STT Biến cố Xử lý Nhập số điện thoại tên Tìm kiếm khách hàng khách hàng cần tìm Thêm khách hàng Mở modal thêm khách hàng 44 4.1.2.9 Màn hình Thêm khách hàng 4.1.2.9.1 Giao diện Hình 4.9 Thơng tin Khách hàng 4.1.2.9.2 Mô tả cách sử dụng xử lý Bảng 4.10 Mô tả cách sử dụng hình Thơng tin Khách hàng STT Biến cố Xử lý Nhập tên/SĐT/Email khách hàng Điền thông tin khách hàng Xác nhận Xác nhận thông tin khách hàng Hủy bỏ Hủy bỏ thêm khách hàng 4.1.2.10 Màn hình Quản lý Sản phẩm 4.1.2.10.1 Giao diện Hình 4.10 Màn hình Quản lý Sản phẩm 45 4.1.2.10.2 Mơ tả cách sử dụng xử lý Bảng 4.11 Mô tả cách sử dụng hình Quảng lý Sản phẩm STT Biến cố Xử lý Nhập thơng tin Sản phẩm Tìm kiếm sản phẩm Sản phẩm Xem thông tin chi tiết chỉnh sửa sản phẩm 4.1.2.11 Màn hình Chỉnh sửa sản phẩm 4.1.2.11.1 Giao diện Hình 4.11 Chỉnh sửa Sản phẩm 4.1.2.11.2 Mô tả cách sử dụng xử lý Bảng 4.12 Mơ tả cách sử dụng hình Chỉnh sửa Sản phẩm STT Biến cố Xử lý Sửa tên sản phẩm/ nhập giá Điền thông tin sản phẩm sản phẩm Sửa loại sản phẩm Chọn loại sản phẩm từ danh sách loại sản phẩm Sửa hình ảnh Lựa chọn hình ảnh cho sản phẩm Xác nhận Xác nhận thêm sản phẩm Hủy bỏ Hủy bỏ thêm sản phẩm 46 4.1.2.12 Màn hình Biểu đồ 4.1.2.12.1 Giao diện Hình 4.12 Màn hình Biểu đồ 4.1.2.12.2 Mô tả cách sử dụng xử lý Bảng 4.13 Mơ tả cách sử dụng hình Biểu đồ STT Biến cố Xử lý Thanh lọc theo ngày/tháng/năm Hiển thị thống kê theo lọc 4.1.2.13 Màn hình Quản lý Nhân viên 4.1.2.13.1 Giao diện Hình 4.13 Màn hình Quản lý Nhân viên 47 4.1.2.13.2 Mơ tả cách sử dụng xử lý Bảng 4.14 Mô tả cách sử dụng hình Quản lý Nhân viên STT Biến cố Xử lý Nhập thông tin nhân viên cần tìm Tìm kiếm nhân viên Thêm nhân viên Mở hình thêm nhân viên Nhân viên Xem thơng tin nhân viên 4.1.2.14 Màn hình Thêm nhân viên 4.1.2.14.1 Giao diện Hình 4.14 Thêm Nhân viên 4.1.2.14.2 Mơ tả cách sử dụng xử lý Bảng 4.15 Mô tả cách sử dụng hình Thơng tin Nhân viên STT Biến cố Xử lý Thông tin nhân viên Điền thông tin nhân viên Xác nhận Xác nhận thông tin thêm vào danh sách nhân viên Hủy bỏ Hủy bỏ thao tác thêm nhân viên 4.1.2.15 Màn hình Thơng tin Nhân viên 4.1.2.15.1 Giao diện 48 Hình 4.15 Thơng tin Nhân viên 4.1.2.15.2 Mơ tả cách sử dụng xử lý Bảng 4.16 Mô tả cách sử dụng hình Thơng tin Nhân viên STT Biến cố Xử lý Thông tin nhân viên Xem chỉnh sửa thông tin nhân viên Xác nhận Xác nhận thơng tin Xóa nhân viên Xác nhận xóa nhân viên Hủy bỏ Hủy bỏ thao tác xem sửa thông tin nhân viên 4.1.2.16 Màn hình Lịch làm việc 4.1.2.16.1 Giao diện Hình 4.16 Màn hình Lịch làm việc 49 4.1.2.16.2 Mơ tả cách sử dụng xử lý Bảng 4.17 Mô tả cách sử dụng hình Lịch làm việc STT Biến cố Xử lý Chọn thời gian Thanh lọc theo tháng Giờ làm việc Điền làm việc nhân viên theo ngày Lưu bảng Xác nhận lưu bảng 4.1.2.17 Màn hình Báo cáo 4.1.2.17.1 Giao diện Hình 4.17 Màn hình Báo cáo 4.1.2.17.2 Mơ tả cách sử dụng xử lý Bảng 4.18 Mô tả cách sử dụng hình Báo cáo STT Biến cố Xử lý Chọn tháng Lọc báo cáo theo tháng Xuất báo cáo Xuất file báo cáo theo dạng Excel 50 4.1.2.18 Màn hình Quản lý Tài khoản 4.1.2.18.1 Giao diện Hình 4.18 Màn hình Quản lý Tài khoản 4.1.2.18.2 Mơ tả cách sử dụng xử lý Bảng 4.19 Mô tả cách sử dụng hình Quản lý Tài khoản STT Biến cố Xử lý Nhập tên tài khoản nhân viên cần tìm Tìm kiếm thơng tin tài khoản Tài khoản Xem thơng tin tài khoản 4.1.2.19 Màn hình Thơng tin tài khoản 4.1.2.19.1 Giao diện Hình 4.19 Màn hình Thơng tin Tài khoản 51 4.1.2.19.2 Mơ tả cách sử dụng xử lý Bảng 4.20 Mô tả cách sử dụng hình thơng tin Tài khoản STT Biến cố Xử lý Thông tin tài khoản Xem chỉnh sửa thông tin tài khoản Xác nhận Xác nhận thông tin tài khoản Hủy bỏ Hủy bỏ thao tác 4.2 CÀI ĐẶT VÀ THỬ NGHIỆM Sau thiết kế đầy đủ mơ hình kiến trúc, bảng sở liệu giao diện ứng với chức năng, nhóm tiến hành cài đặt phần mềm theo quy mô hệ thống gồm phần mềm để phát triển hệ thống (Visual Studio Code) phần mềm quản lý Source Code (Github)  Môi trương cài đặt  Môi trương cài đặt thử nghiệm - Github Visual Studio Code  Kết đánh giá - Sau hoàn thành việc phát triển thử nghiệm website để đảm bảo hoạt động khơng có lỗi Chúng em có thực kiểm thử chức năng, kiểm thử tích hợp kiểm thử hiệu để đảm bảo website hoạt động cách ổn định, tính ổn định, tốc độ tải trang, độ phản hồi, giao diện người dùng, tính bảo mật đáp ứng yêu cầu 52 CHƯƠNG 5: NHẬN XÉT VÀ KẾT LUẬN 5.1 Kết đạt  Không hiểu nắm vững kiến thức phát triển web, tơi cịn có khả áp dụng chúng vào dự án thực tế, từ việc xác định yêu cầu, thiết kế giao diện, phát triển, kiểm thử triển khai  Tơi có kinh nghiệm rộng rãi việc sử dụng Figma để tạo giao diện người dùng đẹp mắt tối ưu hóa trải nghiệm người dùng Tơi có khả tương tác tốt với nhóm thiết kế đảm bảo thiết kế chuyển đổi thành sản phẩm chất lượng cao  Với Visual Studio Code, sử dụng tính mà cịn nắm vững phím tắt tiện ích mở rộng để tăng hiệu suất lập trình tạo mã nguồn dễ bảo trì  Kiến thức chắn HTML, CSS, JavaScript framework ReactJS cho phép tạo giao diện website tương tác, linh hoạt tối ưu hóa trải nghiệm người dùng Tơi thực thành công nhiều dự án đa dạng sử dụng công nghệ này, từ trang web tĩnh đến ứng dụng phức tạp  Đối với phát triển phía Back-end, tơi nắm vững NodeJS có kinh nghiệm xây dựng ứng dụng mạnh mẽ đáng tin cậy Tôi sử dụng framework phổ biến ExpressJS, mà cịn có kiến thức sở liệu công nghệ khác MongoDB, MySQL, RESTful API, JWT để xây dựng hệ thống ổn định bảo mật 5.2 Hạn chế  Tuy hệ thống thiết kế để có khả mở rộng, nhiên, số lượng cửa hàng, chợ đồ cũ cá nhân bán đồ secondhand tăng lên đáng kể, hệ thống gặp hạn chế việc xử lý lượng liệu lớn đáp ứng đồng thời cho nhiều người dùng Việc tăng cường khả xử lý 53 liệu định hướng lại cấu trúc hệ thống để tối ưu hóa hiệu suất thách thức quy mơ mở rộng lớn Điều u cầu việc sử dụng công nghệ khác sở liệu phân tán, việc tối ưu hóa thuật tốn xử lý liệu việc triển khai hệ thống đám mây để đáp ứng tải lớn  Bảo mật bảo vệ thông tin cá nhân u cầu quan trọng q trình xử lí thơng tin khách hàng Tuy nhiên, việc phát triển biện pháp bảo mật quản lý liệu hiệu thách thức liên tục Với phát triển kỹ thuật công quy định bảo mật thay đổi liên tục, việc trì hệ thống bảo mật đáng tin cậy đòi hỏi tập trung nâng cao liên tục Hơn nữa, việc đảm bảo tuân thủ quy định bảo mật GDPR CCPA thách thức, đòi hỏi hiểu biết sâu rộng quy tắc nguyên tắc liên quan Để vượt qua hạn chế này, nắm bắt tiến lĩnh vực bảo mật đảm bảo áp dụng biện pháp bảo mật tiên tiến quy trình quản lý liệu tốt để đảm bảo an toàn bảo vệ thông tin cá nhân khách hàng 5.3 Hướng phát triển  Để nâng cao trải nghiệm người dùng tạo tương tác, bổ sung tính đánh giá nhận xét sản phẩm Người dùng chia sẻ ý kiến trải nghiệm sản phẩm, giúp người khác có thơng tin chi tiết đánh giá chất lượng Bên cạnh đó, việc chia sẻ thơng tin sản phẩm lên mạng xã hội tạo hội để tăng khả tiếp cận quảng bá sản phẩm đến đông đảo người dùng  Một phát triển quan trọng xây dựng phiên ứng dụng di động "PlanB" Việc tăng khả tiếp cận thuận tiện cho người dùng thiết bị di động, mở hội để tương tác với ứng dụng mua bán sản phẩm từ đâu lúc Tận dụng sức mạnh 54 tính di động thiết bị di động cung cấp trải nghiệm người dùng tốt mở rộng phạm vi đối tượng người dùng  Trong việc tăng cường bảo mật, cần đẩy mạnh công tác bảo vệ thông tin cá nhân người dùng ngăn chặn hình thức cơng Điều bao gồm việc triển khai biện pháp bảo mật mạnh mã hóa liệu, xác thực hai yếu tố, giám sát liên tục để phát hành vi đáng ngờ Đồng thời, cần xây dựng trì sách bảo mật rõ ràng, đảm bảo thông tin cá nhân người dùng bảo vệ tuân thủ quy định bảo mật hành Đào tạo nhân viên nhận thức an ninh thông tin yếu tố quan trọng để đảm bảo tính bảo mật tin cậy hệ thống 55 TÀI LIỆU THAM KHẢO Tài liệu Tiếng Anh: [1] Ant Design "Ant Design - The world's second most popular React UI framework." https://s.net.vn/pmIv [Truy cập ngày 20 tháng 5, 2023] [2] React "React - A JavaScript library for building user interfaces." [Truy cập ngày 20 tháng 5, 2023] https://s.net.vn/VMfw [Truy cập ngày 20 tháng 5, 2023] Tài liệu Tiếng Việt: [3] Fullstack Education "ReactJS Course - Học ReactJS đến nâng cao." https://fullstack.edu.vn/courses/reactjs [Truy cập ngày 20 tháng 5, 2023] [4] Fullstack Vietnam "Node.js Course." https://fullstack.edu.vn/courses/nodejs [Truy cập ngày 20 tháng 5, 2023] 56