Đồ án tốt nghiệp - Thiết kế và xây dựng Website mạng xã hội kết nối và tương tác với bạn bè

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


KHÓA LUẬN TỐT NGHIỆP

THIẾT KẾ VÀ XÂY DỰNG
WEBSITE MẠNG XÃ HỘI KẾT NỐI VÀ
TƯƠNG TÁC VỚI BẠN BÈ

SINH VIÊN THỰC HIỆN:
Lý Tiến Thành

GIẢNG VIÊN HƯỚNG DẪN:
PGS. TS Hoàng Văn Dũng

TP. HỒ CHÍ MINH – 2025

20110566

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


KHÓA LUẬN TỐT NGHIỆP

THIẾT KẾ VÀ XÂY DỰNG
WEBSITE MẠNG XÃ HỘI KẾT NỐI VÀ
TƯƠNG TÁC VỚI BẠN BÈ

SINH VIÊN THỰC HIỆN:
Lý Tiến Thành

GIẢNG VIÊN HƯỚNG DẪN:
PGS. TS Hoàng Văn Dũng

TP. HỒ CHÍ MINH – 2025

20110566

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

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

KHOA CNTT

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

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Họ và tên Sinh viên: Lý Tiến Thành

MSSV: 20110566

Ngành: Công nghệ Thông tin
Tên đề tài: Thiết kế và Xây dựng website Mạng xã hội kết nối và tương tác với bạn bè
Họ và tên Giảng viên hướng dẫn: PGS. TS Hoàng Văn Dũng
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. Đề nghị cho bảo vệ hay không?
5. Đánh giá loại:
6. Đi
...

...
hóa hoàn chỉnh để
hoạt động mượt mà trên tất cả các thiết bị, đặc biệt là các trình duyệt ít phổ biến.

-

Chưa được triển khai chính thức: Hiện tại, dự án vẫn đang trong giai đoạn phát
triển và thử nghiệm, chưa được đưa vào sử dụng thực tế và thương mại.

-

Thiếu các tính năng mở rộng: Trang web hiện tại vẫn chưa tích hợp các tính năng
nâng cao như phân tích hành vi người dùng, quảng cáo cá nhân hóa hoặc tính năng
nhóm cộng đồng.

3. HƯỚNG PHÁT TRIỂN
Hướng phát triển trong tương lai để nâng cao chất lượng và hiệu quả của trang web
mạng xã hội:
-

Tính năng quản trị viên: Xây dựng hệ thống quản trị viên chi tiết để kiểm soát nội
dung hiệu quả hơn, quản lý các báo cáo vi phạm từ người dùng và xóa các bài viết
không phù hợp.

-

Phát triển ứng dụng di động: Tạo phiên bản ứng dụng dành riêng cho các thiết bị
di động nhằm mang đến trải nghiệm người dùng thuận tiện hơn.

-

Tích hợp các tính năng quảng cáo: Hợp tác quảng cáo với các doanh nghiệp để tạo
thêm nguồn thu nhập cho nền tảng.

Trang 94

TÀI LIỆU THAM KHẢO

TÀI LIỆU THAM KHẢO
[1] NestJS: https://docs.nestjs.com/
[2] SQL TypeORM: https://docs.nestjs.com/recipes/sql-typeorm
[3] Json Web Token: https://auth0.com/docs/secure/tokens/json-web-tokens
[4] WebSocket: https://www.freecodecamp.org/news/build-a-realtime-chat-app-withreact-express-socketio-and-harperdb/
[5] React Query: https://tanstack.com/query/latest/docs/framework/react/overview
[6] Type: https://www.typelang.org/docs/
[7] ReactJS: https://react.dev/learn
[8] TailwindCSS: https://tailwindcss.com/docs/installation/using-vite
[9] Facebook: https://www.facebook.com/
[10] Sass: https://www.w3schools.com/sass/sass_intro.asp
[11] Ant Design: https://ant.design/components/overview/

Trang 95

PHỤ LỤC

PHỤ LỤC
Link source code backend từ github:
https://github.com/lythanh00/Social-Web-Server.git
Link source code frontend từ github:
https://github.com/lythanh00/Social-Web-Client.git
Link file dữ liệu .sql cho database:
https://drive.google.com/drive/folders/1MRX7EEETFIBi31XHxvL58Zh7_VZoRAd?usp=drive_link
Hướng dẫn tải về và cài đặt chi tiết để chạy website vui lòng xem Chương 4 mục 4.2
Link website mạng xã hội FunHouse đã deploy:
https://social-web-client.vercel.app/
Tài khoản đăng nhập:
Tài khoản 1:
Email: [email protected]
Mật khẩu: 1a2b3c
Tài khoản 2:
Email: [email protected]
Mật khẩu: 1a2b3c

Link drive:
https://drive.google.com/drive/folders/1tS3H6tqFDYpFDpQlm876O17JBqHruUHc?us
p=sharing

Trang 96