Add files via upload

Author: naresh26git

ui-web-app-reactjs/Dockerfile

@@ -0,0 +1,11 @@
+FROM node:8
+WORKDIR /app
+COPY . .
+
+RUN npm install express
+RUN npm install
+
+EXPOSE 8080
+
+#Runs in development Mode
+CMD ["npm", "start"]

ui-web-app-reactjs/README.md

@@ -0,0 +1,15 @@
+# ui-web-app-reactjs
+UI app to access microservices through API Gateway.
+Developed in React.js
+
+## Build Instruction
+```
+npm install
+
+npm start
+
+```
+*App runs on port **8080***
+
+Open http://localhost:8080 in browser
+##

ui-web-app-reactjs/after-compile-plugin.js

@@ -0,0 +1,25 @@
+/*
+  This is a custom Webpack plugin that simply runs a function after each build.
+  In Create New App, this is used to console.log the urls to the application
+  in the browser as well as (conditionally) the api server url.
+*/
+
+class AfterCompilePlugin {
+  constructor({ run }) {
+    this.run = run
+  }
+
+  apply(compiler) {
+    compiler.hooks.afterEmit.tap('AfterCompilePlugin', compilation => {
+      /*
+        Using `setTimeout` here simply bumps running `this.run()`
+        to *after* Webpack has spewed a ton of stuff into the console.
+        The idea is to have the url's mentioned above logged at the
+        very last moment so they're the last thing the user sees.
+      */
+      setTimeout(() => this.run && this.run(), 0)
+    })
+  }
+}
+
+module.exports = AfterCompilePlugin