Restructure

index.js

@@ -1,5 +1,5 @@
-// Just a personal preference, I do not like requiring ./src inside index
+// Just a personal preference, I do not like requiring ./backend inside index
 // And everyone tends to look here first
 
-module.exports = require("./src");
+module.exports = require("./backend");
 

package.json

@@ -11,6 +11,7 @@
     "express": "^4.16.3"
   },
   "devDependencies": {
+    "@fortawesome/fontawesome-free": "^5.3.1",
     "bootstrap-vue": "^2.0.0-rc.11",
     "bootswatch": "^4.1.3",
     "eslint": "^5.5.0",

static/index.html

@@ -50,15 +50,21 @@
 						<th scope="col">#</th>
 						<th scope="col">IP</th>
 						<th scope="col">Last seen</th>
-						<th scope="col">Handle</th>
+						<th scope="col">Username@Hostname</th>
+						<th scope="col">OS</th>
+						<th scope="col"></th>
 					</tr>
 				</thead>
 				<tbody>
 					<tr>
-						<th scope="row">1</th>
-						<td>🇷🇸</td>
-						<td>Otto</td>
-						<td>@mdo</td>
+						<th scope="row">434234</th>
+						<td>🇷🇸 194.234.12.7</td>
+						<td>now (Websocket)</td>
+						<td>nemanjan00@nemanjan00-laptop</td>
+						<td>Windows 10</td>
+						<td>
+							<button type="button" class="btn btn-primary float-right btn-sm"><i class="fa fa-wrench"></i></button>
+						</td>
 					</tr>
 				</tbody>
 			</table>

yarn.lock

@@ -16,6 +16,10 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
+"@fortawesome/fontawesome-free@^5.3.1":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.3.1.tgz#5466b8f31c1f493a96754c1426c25796d0633dd9"
+
 "@webassemblyjs/ast@1.7.6":
   version "1.7.6"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.6.tgz#3ef8c45b3e5e943a153a05281317474fef63e21e"