To implement our client application, we will create two folders in our project; the first is called static and it will contain the HTML page of our client and the built JavaScript file, the second will be called client and it will contain the JavaScript source code for our client application.
In the static folder, create a file called index.html, which will be the base HTML of our client, and paste the following code:
<!doctype html>
<html>
<head>
<title>Reactive chat</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px Helvetica, Arial; }
.message_container { background: #ddd; padding: 3px; position: fixed; bottom: 0; width: 100%; }
.message_container input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
.message_container button { width: 9%; background:...