Laucha

Aug 08, 2022

How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB

This will be a great project to learn how to put together fullstack apps, and how to create an app where the backend can communicate with the frontend in real time.

Normally, using HTTP requests, the server cannot push data to the client in real time. But using Socket.io, the server is able to push real time information to the client about some events that happened on the server.

The app that we'll be building will have two pages:

A join-a-chat-room page:

And a chat-room page:

Here's what we'll be using to build this app:

(remember to give it a star ⭐).