ccBỘ 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

XÂY DỰNG MẠNG XÃ HỘI BẰNG MERN STACK
GIÁO VIÊN HƯỚNG DẪN: TS. NGUYỄN THÀNH SƠN

NHÓM SINH VIÊN THỰC HIỆN
NGUYỄN HOÀNG HUY

18110294

PHẠM NHỰT TRƯỜNG

18110385

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

XÂY DỰNG MẠNG XÃ HỘI BẰNG MERN STACK
GIÁO VIÊN HƯỚNG DẪN: TS. NGUYỄN THÀNH SƠN

NHÓM SINH VIÊN THỰC HIỆN
NGUYỄN HOÀNG HUY

18110294

PHẠM NHỰT TRƯỜNG

18110385

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

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc

KHOA CNTT
*******

*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Họ và tên Sinh viên 1: Nguyễn Hoàng Huy

MSSV 1: 18110294

Họ và tên Sinh viên 2: Phạm Nhựt Trường

MSSV 2: 18110385

Ngành: Công nghệ thông tin
Tên đề tài: XÂY DỰNG MẠNG XÃ HỘI BẰNG MERN STACK
Họ và tên Giáo viên hướng dẫn: TS. NGUYỄN THÀNH SƠN
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ểm:
Tp. Hồ Chí Minh, ngày

thá
...

...
, “Aflex,” 2 11 2020. [Trực tuyến]. Available: https://adflex.vn/youtube-lagi-kiem-tien-tu-youtube-nhu-the-nao/.
[15] Thanh, “Viblo,” 9 3 2018. [Trực tuyến]. Available: https://viblo.asia/p/mongodb-lagi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N.
[16] “thpanorama,” 2019. [Trực tuyến]. Available:
https://vi.thpanorama.com/articles/cultura-general/las-8-ventajas-y-desventajas-deinstagram-ms-relevantes.html.
[17] “Wikipedia,” [Trực tuyến]. Available: https://vi.wikipedia.org/wiki/TikTok.
[18] https://www.npmjs.com/package/react-speech-recognition
[19] https://blog.loginradius.com/engineering/quick-look-at-react-speech-recognition/
[20] https://github.com/aralroca/react-text-toxicity
[21] https://www.sciencedirect.com/science/article/pii/S1877050922007256

73

PHỤ LỤC 1: HƯỚNG DẪN CÀI ĐẶT ĐỂ CHẠY ỨNG DỤNG LOCAL
-

Cài đặt Node JS, chi tiết cài đặt có hướng dẫn ở chương 1

-

Clone soure ở tại: https://github.com/binoe-dev/MERN-Social-media

-

Setup một cluster MongoDB với hướng dẫn tại:
https://www.mongodb.com/basics/clusters/mongodb-cluster-setup

-

Setup một tài khoản Cloudinary tại:
https://cloudinary.com/documentation/how_to_integrate_cloudinary

-

Trong file .env dán đường dẫn mongoDB vào API key: MONGODB_URL

-

Mở terminal chạy lệnh: ‘npm install’ để cài đặt các package cần thiết

-

Mở terminal chạy lệnh: ‘cd client &amp&amp npm install’ để cài đặt các package cần thiết cho
client

-

Chạy lệnh ‘npm run dev’ để chạy ứng dụng ở local như bên dưới

-

Server chạy cục bộ ở địa chỉ: http://localhost:5000

-

Client chạy cục bộ ở địa chỉ: http://localhost:3000

-

Admin chạy cục bộ ở địa chỉ: http://localhost:3001

74

PHỤ LỤC 2: HƯỚNG DẪN SỬ DỤNG DEMO
-

Link website mạng xã hội: https://social-media-mearn.onrender.com/

-

Link website admin: https://social-media-mearn-dasboard.onrender.com/

-

Tài khoản admin: [email protected]/123456

Sử dụng tài khoản và mật khẩu để đăng nhập vào mạng xã hội, nếu chưa có tài khoản
thì bấm vào Register Now để đăng ký tài khoản mới

75

Trên trang home ta có các thao tác
1. Menu người dùng để vào trang cá nhân hoặc đăng xuất
2. Danh sách người dùng đề xuất
3. Thanh tìm kiếm dùng để tìm kiếm người dùng
4. Thanh status để tạo bài viết khi bấm vào

Trên giao diện message ta có danh sách lịch sử chat và các button
76

Giao diện tạo một group chat mới

Giao diện thông báo sẽ hiển thị những trạng thái của user mà ta theo dõi

77

Trang cá nhân sẽ hiển thị thông tin cá nhân và button edit profile, report

78