diff --git a/app/index.js b/app/index.js
index 9829fd6..4877e45 100644
--- a/app/index.js
+++ b/app/index.js
@@ -2,3 +2,14 @@ import Message from './model/message.model';
 
 console.log('Index started');
 console.dir(new Message());
+
+/* eslint no-undef: 0 */
+document.getElementById('send').onclick = () => {
+  const m = new Message(document.getElementById('message').value);
+  document.getElementById('messages').innerHTML +=
+    `<li>${m.text} ${m.created}<li>`;
+};
+
+if (module && module.hot) {
+  module.hot.accept();
+}
diff --git a/npm-debug.log b/npm-debug.log
new file mode 100644
index 0000000..dfc4941
--- /dev/null
+++ b/npm-debug.log
@@ -0,0 +1,48 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/home/jozielio/.nvm/versions/node/v6.11.5/bin/node',
+1 verbose cli   '/home/jozielio/.nvm/versions/node/v6.11.5/bin/npm',
+1 verbose cli   'run',
+1 verbose cli   'hot' ]
+2 info using npm@3.10.10
+3 info using node@v6.11.5
+4 verbose run-script [ 'prehot', 'hot', 'posthot' ]
+5 info lifecycle ecmascript2015-fast-course@1.0.0~prehot: ecmascript2015-fast-course@1.0.0
+6 silly lifecycle ecmascript2015-fast-course@1.0.0~prehot: no script for prehot, continuing
+7 info lifecycle ecmascript2015-fast-course@1.0.0~hot: ecmascript2015-fast-course@1.0.0
+8 verbose lifecycle ecmascript2015-fast-course@1.0.0~hot: unsafe-perm in lifecycle true
+9 verbose lifecycle ecmascript2015-fast-course@1.0.0~hot: PATH: /home/jozielio/.nvm/versions/node/v6.11.5/lib/node_modules/npm/bin/node-gyp-bin:/home/jozielio/Documentos/Cursos/es6/node_modules/.bin:/home/jozielio/.nvm/versions/node/v6.11.5/bin:/home/jozielio/bin:/home/jozielio/.local/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
+10 verbose lifecycle ecmascript2015-fast-course@1.0.0~hot: CWD: /home/jozielio/Documentos/Cursos/es6
+11 silly lifecycle ecmascript2015-fast-course@1.0.0~hot: Args: [ '-c', 'NODE_ENV=hot webpack-dev-server' ]
+12 silly lifecycle ecmascript2015-fast-course@1.0.0~hot: Returned: code: 1  signal: null
+13 info lifecycle ecmascript2015-fast-course@1.0.0~hot: Failed to exec hot script
+14 verbose stack Error: ecmascript2015-fast-course@1.0.0 hot: `NODE_ENV=hot webpack-dev-server`
+14 verbose stack Exit status 1
+14 verbose stack     at EventEmitter.<anonymous> (/home/jozielio/.nvm/versions/node/v6.11.5/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)
+14 verbose stack     at emitTwo (events.js:106:13)
+14 verbose stack     at EventEmitter.emit (events.js:191:7)
+14 verbose stack     at ChildProcess.<anonymous> (/home/jozielio/.nvm/versions/node/v6.11.5/lib/node_modules/npm/lib/utils/spawn.js:40:14)
+14 verbose stack     at emitTwo (events.js:106:13)
+14 verbose stack     at ChildProcess.emit (events.js:191:7)
+14 verbose stack     at maybeClose (internal/child_process.js:920:16)
+14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:230:5)
+15 verbose pkgid ecmascript2015-fast-course@1.0.0
+16 verbose cwd /home/jozielio/Documentos/Cursos/es6
+17 error Linux 4.10.0-37-generic
+18 error argv "/home/jozielio/.nvm/versions/node/v6.11.5/bin/node" "/home/jozielio/.nvm/versions/node/v6.11.5/bin/npm" "run" "hot"
+19 error node v6.11.5
+20 error npm  v3.10.10
+21 error code ELIFECYCLE
+22 error ecmascript2015-fast-course@1.0.0 hot: `NODE_ENV=hot webpack-dev-server`
+22 error Exit status 1
+23 error Failed at the ecmascript2015-fast-course@1.0.0 hot script 'NODE_ENV=hot webpack-dev-server'.
+23 error Make sure you have the latest version of node.js and npm installed.
+23 error If you do, this is most likely a problem with the ecmascript2015-fast-course package,
+23 error not with npm itself.
+23 error Tell the author that this fails on your system:
+23 error     NODE_ENV=hot webpack-dev-server
+23 error You can get information on how to open an issue for this project with:
+23 error     npm bugs ecmascript2015-fast-course
+23 error Or if that isn't available, you can get their info via:
+23 error     npm owner ls ecmascript2015-fast-course
+23 error There is likely additional logging output above.
+24 verbose exit [ 1, true ]
diff --git a/package.json b/package.json
index f9c27ad..4742a9a 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "build:prod": "webpack",
     "nodemon": "nodemon",
     "serve": "webpack-dev-server",
+    "hot": "NODE_ENV=hot webpack-dev-server",
     "express": "NODE_ENV=development PORT=8080 node server.js",
     "express:prod": "npm run build:prod && PORT=8081 node server.js"
   },
diff --git a/webpack.config.js b/webpack.config.js
index e6b6f00..4b6b939 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,4 +1,5 @@
 const path = require('path');
+const webpack = require('webpack');
 
 const config = {
   entry: './app/index.js',
@@ -12,6 +13,14 @@ const config = {
 if (process.env.NODE_ENV === 'development') {
   config.watch = true;
   config.devtool = 'source-map';
+} else if (process.env.NODE_ENV === 'hot') {
+  config.devtool = 'source-map';
+  config.devServer = {
+    hot: true,
+  };
+  config.plugins = [
+    new webpack.HotModuleReplacementPlugin(),
+  ];
 }
 
 module.exports = config;