BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM
KHOA CÔNG NGHỆ THÔNG TIN

KHÓA LUẬN TỐT NGHIỆP
ĐỀ TÀI
XÂY DỰNG WEBSITE MẠNG XÃ HỘI SỬ DỤNG
REACTJS VÀ SPRING BOOT

GIẢNG VIÊN HƯỚNG DẪN: TS. LÊ VĂN VINH
SINH VIÊN THỰC HIỆN:
LÊ VŨ MINH HOÀNG

19119181

DƯƠNG HOÀNG THY TRÂN

19110300

KHOÁ 2019
Thành phố Hồ Chí Minh năm 2023

ĐH SƯ PHẠM KỸ THUẬT TP. HCM

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN

Độc lập – Tự do – Hạnh Phúc

*******

*******

NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP
Họ và tên Sinh viên 1: Lê Vũ Minh Hoàng

MSSV 1: 19119181

Họ và tên Sinh viên 2: Dương Hoàng Thy Trân

MSSV 2: 19110300

Ngành: Công nghệ Thông tin
Họ và tên Giáo viên hướng dẫn: TS. Lê Văn Vinh
Ngày giao đề tài: 05/09/2023
Ngày nộp đề tài: 25/12/2023
1. Tên đề tài: Xây dựng Website Mạng xã hội sử dụng ReactJs và Spring Boot
2. Các số liệu, tài liệu ban đầu: Khảo sát hiện trạng
3. Nội dung thực hiện: Tìm hiểu và áp dụng các công nghệ ReactJs, MongoDB,
SpringBoot vào dự án.
4. Sản phẩm: Web Application Mạng xã hội Meraki

Tp. Hồ Chí Minh, ngày

tháng

Trưởng ngành
(Ký &amp ghi rõ họ tên)

năm 2022

ĐH SƯ PHẠM KỸ THUẬT TP. HCM

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN

Độc lập – Tự do – Hạnh Phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Lê Vũ Minh Hoàng

MSSV 1: 19119181

Họ và tên Sinh viên 2: Dương Hoàng Thy Trân

MSSV 2: 19110300

Ngành: Công nghệ Thông tin
Tên đề tài: Xây dựng Website Mạng xã hội sử dụng ReactJs và Spring Boot
Họ và tên Giáo viên hướng dẫn: TS. Lê Văn Vinh
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
................................................................................................................................................
................................................................................................................................................
2. Ưu điểm:
................................................................................................................................................
................................................................................................................................................
3. Khuyết điểm:
................................................................................................................................................
4. Điểm:
.......................................................................................................
...

...
chức năng tìm kiếm và quản lý kết bạn: Cho phép Tìm kiếm người
dùng và trang (Fanpage) quan tên, cho phép Kết bạn, Gửi lời mời kết bạn
người dùng.

-

Chức năng tạo và quản lý trang (Fanpage) gồm: Tạo trang,
Thêm/Xóa/Sửa bài viết trong trang, cập nhật thông tin trang, quản lý
thông tin trang.

-

Chức năng nhắn tin với người dùng khác.

7.2. ƯU ĐIỂM
Sau khi hoàn thiện ứng dụng nhóm nhận thấy ứng dụng gồm những ưu điểm
sau:
-

Các chức năng được xây dựng bằng các tách thành từng Module và
Component nên dễ dàng sửa đổi, cập nhật và mở rộng.

-

Người dùng cuối dễ dàng truy cập và sử dụng ứng dụng nhờ giao diện thân
thiện, bắt mắt, dễ dùng.

-

Ứng dụng Json Web Token giúp bảo mật dữ liệu ẩn trong trình duyệt, hạn
chế các cuộc tấn công mạng.

-

Ứng dụng chạy chính xác các chức năng được cài đặt.

-

Bên cạnh đó, website còn có Responsive thích ứng với các thiết bị và mọi độ
phân giải màn hình.

7.3. NHƯỢC ĐIỂM
Bên cạnh, nhưng ưu điểm trên thì nhóm nhận thấy website vẫn còn tồn tại
một số nhược điểm nhất định:
-

Tốc độ cập nhật dữ liệu của website còn chậm.

-

Quá trình xử lý và thực hiện các chức năng chưa được nhanh và mượt.

145

-

Để có thể đưa vào sử dụng như một trang mạng xã hội thì nhóm cần bổ sung
thêm nhiều chức năng khác nữa.

7.4. HƯỚNG PHÁT TRIỂN
Để việc xây dựng ứng được hoàn thiện và đầy đủ hơn, nhóm hướng đến việc:
-

Tiếp tục phát triển và xây dựng và bổ sung thêm các chức năng cho hệ thống.

-

Phân quyền và đảm bảo quyền riêng tư cho người dùng bằng cách xây dựng
thêm chức năng quản lý thông tin cá nhân ở chế độ public và private.

-

Xây dựng thêm chức năng Đăng bảng tin (Story) và chức năng đăng tải các
video ngắn (Reels).

-

Tích hợp AI để gợi ý kết bạn, gợi ý trang (Fanpage)

-

Deploy ứng dụng lên server

146

TÀI LIỆU THAM KHẢO

[1]. David Herbert (05/01/2023). What is React.js? (Uses, Examples, &ampMore).
https://blog.hubspot.com/website/react-js.
[2]. Redux Toolkit. https://redux-toolkit.js.org
[3]. React – query. https://react-query-v3.tanstack.com
[4]. React Hook Form. https://react-hook-form.com
[5]. Introduction to MySQL, https://www.w3schools.com/mySQL
[6]. Spring Boot, https://spring.io/projects/spring-boot
[7]. Chinwike Maduabuchi (12/03/2023). Using Redux Toolkit’s AsyncThunk.
https://blog.logrocket.com/using-redux-toolkits-asyncthunk
[8]. Glad Chinda (18/02/2023). Lazy loading React components (React lazy loading
with React.lazy). https://blog.logrocket.com/lazy-loading-components

147