Dự án Web Chat realtime fullstack được phát triển với ReactJS (Vite) cho frontend, ExpressJS + MongoDB cho backend, kết hợp Socket.io để xử lý nhắn tin thời gian thực.
Phù hợp cho sinh viên, lập trình viên mới học hoặc người cần một nền tảng chat cơ bản để mở rộng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
- Tải mongodb tại https://www.mongodb.com/products/tools/compass
- Ở thư mục social-app, chạy lện npm i
- Vào thư mục client và server chạy lệnh npm i để cài các thư viện
- Vào file .env của thư mục client, sửa đường dẫn đến server ở trường VITE_BACKEND_URL = http://<ip của bạn>:5000
- Vào file .env của thư mục server, sửa đường dẫn đến frontend ở trường FRONTEND_URL = http://<ip của bạn>:5173 và sửa tên csdl ở MONGO_URI = mongodb://127.0.0.1:27017/<tên csdl>
- Ở thư mục social-app, chạy lệnh npm run dev để start server + clinet hoặc vào từng thư mục (client và server) chạy lệnh npm run dev
- Đổi đường dẫn frontend trên url từ http://localhost:5173/login sang http://<ip của bạn>:5173/login
Nguồn: Topcode.vn
