Jason Dev Logo
Trang chủDịch vụThư việnTiện íchLiên hệ
Về danh sách dự án
Jason Dev Logo

Full-stack developer crafting modern, accessible and high-performance web applications.

Liên kết nhanh

  • Trang chủ
  • Dự án web đã thực hiện
  • Dịch vụ thiết kế website
  • Liên hệ làm website
  • Công cụ miễn phí

Contact

contact@hwagfu.dev
hwagfu.dev

Đối tác

© 2026 Jason Dev. Bảo lưu mọi quyền.
  • Trang chủ
  • Dịch vụ
  • Thư viện
  • Tiện ích
  • Liên hệ

Chap - Ứng Dụng Nhắn Tin Thời Gian Thực

Ứng dụng nhắn tin thời gian thực với trò chuyện riêng và nhóm, hệ thống kết bạn cùng trạng thái trực tuyến và đã xem.

ReactTypeScriptViteTailwind CSSshadcn/uiRadix UIZustandNode.jsExpressMongoDBSocket.IOCloudinaryJWT
Chap sign in screen
01/ 01
Chap sign in screen

Chap là một ứng dụng nhắn tin thời gian thực full-stack. Người dùng đăng ký, tìm kiếm người khác theo tên đăng nhập, gửi và phản hồi lời mời kết bạn, sau đó bắt đầu trò chuyện riêng hoặc tạo nhóm chat. Tin nhắn, số tin chưa đọc, trạng thái trực tuyến và dấu đã xem được đẩy tức thì qua Socket.IO, còn lịch sử hội thoại được tải theo cơ chế cuộn vô hạn. Giao diện được xây dựng bằng React 19, TypeScript và Vite, thiết kế với Tailwind CSS v4 và các thành phần shadcn/ui dựa trên Radix UI, dùng Zustand cho quản lý trạng thái, react-hook-form và Zod để kiểm tra dữ liệu, emoji-mart cho bộ chọn biểu tượng cảm xúc và sonner cho thông báo. Phía máy chủ dùng Express 5 với MongoDB và Mongoose, xác thực JWT kèm phiên làm mới lưu trong cơ sở dữ liệu, mã hóa mật khẩu bằng bcrypt, Multer và Cloudinary để tải ảnh đại diện, cùng Socket.IO cho việc truyền tin thời gian thực.

Website Dự Án