Huu Nghia Nguyen

Talk with Stranger – Realtime Chat Application

Trong một thế giới nơi mạng xã hội và ứng dụng trò chuyện video đang trở nên phổ biến, “Talk with Stranger” đứng ra với sứ mệnh tạo ra một không gian kết nối thông qua trò chuyện bằng tin nhắn. Không giống như các ứng dụng trò chuyện gặp mặt dạng video như Omegle, […]

0
5

Trong một thế giới nơi mạng xã hội và ứng dụng trò chuyện video đang trở nên phổ biến, “Talk with Stranger” đứng ra với sứ mệnh tạo ra một không gian kết nối thông qua trò chuyện bằng tin nhắn. Không giống như các ứng dụng trò chuyện gặp mặt dạng video như Omegle, “Talk with Stranger” tập trung vào việc tạo điều kiện thuận lợi cho những cuộc trò chuyện sâu sắc và ý nghĩa thông qua việc trò chuyện bằng tin nhắn.

Công nghệ sử dụng

Backend:

  • Node.js: Sử dụng Node.js để xây dựng phần server backend của ứng dụng.
  • Express.js: Express.js được sử dụng như một framework cho Node.js để xây dựng và quản lý các route và middleware.
  • Socket.IO: Socket.IO được sử dụng để tạo kết nối real-time giữa client và server, cho phép trò chuyện trực tiếp thông qua tin nhắn.

Frontend:

  • React.js: Sử dụng React.js để xây dựng giao diện người dùng của ứng dụng. React.js là một thư viện JavaScript phổ biến cho việc xây dựng giao diện người dùng tương tác.

Start code

Bước 1: Clone repository từ GitHub:

git clone https://github.com/huunghianguyenish/talk-with-strangers

Bước 2: Cài đặt các dependencies:

Di chuyển vào thư mục gốc của dự án và chạy lệnh sau

cd talk-with-strangers
npm install

Bước 3: Khởi động server backend:

Di chuyển vào thư mục server và chạy lệnh sau:

cd server
npm start

Bước 4: Khởi động ứng dụng frontend:

Di chuyển vào thư mục client và chạy lệnh sau:

cd client
npm start

Ứng dụng frontend sẽ khởi động và mở trình duyệt mặc định của bạn, hiển thị ứng dụng trên địa chỉ http://localhost:3001.

Source code

Link: https://github.com/huunghianguyenish/talk-with-strangers

Demo app

Truy cập ngay vào “Talk with Stranger” để bắt đầu cuộc trò chuyện của bạn: https://talk-with-strangers.huunghianguyen.com/

Responses (0 )