HTML + CSSįrontend is very simple HTML and CSS for now. When a user closes the browser window, server will post another system massage to the console that a user has disconnected.Īlso, every new user will receive entire message history.

Chat featuresĪt the beginning every user can select their name and the server will assign them some random color and will post some system message to the console that a new user just connected. In this tutorial I’m going to write very simple chat application based on WebSocket and Node.js. Therefore you have to write single purpose server and, in my opinion, in this situation Node.js is much better than writing your server in Java, C++, PHP or whatever.ītw, if you’re looking for some more in-depth information on how WebSockets work I recommend this article Websockets 101. WebSocket requires it’s own backend application to communicate with (server side). So I wanted to try to make some very simple real world application. Nowadays it’s widely supported and its usage is mostly in very specific applications such as games or Google Docs. It gives you so much freedom and I think it’s ideal for single purpose web servers.Īnother great thing is WebSocket. Node.js & WebSocket - Simple chat tutorial

Node js websocket example