JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html>
<head>
<script src='/bootstrap/bootstrap.min.js'></script>
<script src='/socket.io/socket.io.js'></script>
<script></script>
</head>
<body>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label for="message">Enter your message:</label>
<input type="text" class="form-control" id="message">
</div>
</div>
<div class="col-sm-8">
<ul id="chat-body">
<li>Hello</li>
<li>Hey!</li>
</ul>
</div>
</div>
</body>
</html>
JavaScript
/* jshint node: true */
// Require Express framework
// var express = require('express');
// Create app
// var app = express();
var http = require('http'),
fs = require('fs'),
index = fs.readFileSync(__dirname + '/index.html'),
bootstrap = require('bootstrap');
var app = http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(index);
});
// Prepare server
app.use('/api', api); //redirect API calls
app.use('/')
var io = require('socket.io').listen(app);
var server = app.listen(3000, function () {
});
// Our first simple API. GET home page
/*app.get('/', function (req, res) {
res.send("Ok");
});*/