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. In this article, we will be using Socket.io and HarperDB to build a fullstack, real-time chat application with chat rooms. Let's set up our HarperDB database that
•25m read time• From freecodecamp.org
Table of contents
Table of ContentsWhat is Socket.IO?Project SetupHow to Build the "Join a Room" PageHow to Set Up the ServerHow to Create our First Socket.io Event Listener on the ServerHow Rooms Work in Socket.ioHow to Build the Chat PageHow to Create the Messages Component (B)How to Create a Schema and Table in HarperDBHow to Create the Send Message Component (C)How to Set Up HarperDB Environment VariablesHow to Allow Users to Send Messages to Each Other with Socket.ioHow to Get Messages from HarperDBHow to Display the Last 100 Messages on the ClientHow to Display the Room and Users (A)How to Remove a User from a Socket.io RoomHow to Add the Socket.io Disconnect Event ListenerA challenge for you 💪Thank you for reading!Sort: