Share Code Reactjs Chat Messenger

Hí ae, lại muốn chia sẻ cho anh em ít code đây. Bữa này là code reactjs chat messenger nhé, mong là có ích cho các bạn đang học reactjs để tham khảo, học tập.

Xem nhiều code hơn tại đây nhé.

Các chức năng

• Đăng nhập, đăng ký, quên mật khẩu.
• Đăng nhập bằng tài khoản Google.
• Nhắn tin, có thể gửi dạng text, emoji, sticker, hình ảnh hoặc các tập tin khác như word, pdf, …
• Tìm kiếm bạn bè.
• Gửi lời mời kết bạn, chấp nhập lời mời kết bạn.
• Hiển thị danh sách bạn bè, danh sách lời mời kết bạn.
• Responsive (Desktop và Mobile).

Các công nghệ sử dụng

• ReactJS
• React router dom
• React responsive
• Redux toolkit
• Firebase (Authentication, Realtime Database, Storage)
• Axios
• Material UI
• Formik
• Yup
• Emoji mart
• Font awesome
• Moment

Code Reactjs Chat Messenger

1. Cài đặt phiên bản nodejs v13 trở lên.
2. Sao chép kho lưu trữ này.
3. Điều hướng đến thư mục gốc.
4. Mở tệp firebase.js trong src / services và định cấu hình firebase của bạn.
5. Chạy npm install và npm start.