Upgraded to webpack v4 & added prettier, travis, dangerjs (#57)

* Upgraded to webpack v4

* Added prettier, pre-commit stage.
* Moved from webpack v2 to v4.
* Updated few file names.
* Added netlify demo for each PR.
* Added DangerJS & Travis.

Author: gokulkrishh

.gitignore

@@ -5,3 +5,4 @@ npm-debug.log*
 node_modules
 .DS_Store
 dist
+.env

.prettierignore

@@ -0,0 +1,2 @@
+*.json
+/dist

.prettierrc

@@ -0,0 +1,5 @@
+{
+	"printWidth": 140,
+	"singleQuote": true,
+	"parser": "babylon"
+}

.travis.yml

@@ -0,0 +1,17 @@
+language: node_js
+node_js:
+  - 8
+
+cache:
+  yarn: true
+  directories:
+    - .npm
+
+skip_cleanup: true
+
+before_script:
+  - yarn install
+  - yarn danger ci
+
+script:
+  - yarn run build

README.md

@@ -1,6 +1,6 @@
 ### <p align="center"><img width="150px" height="150px" src="https://raw.githubusercontent.com/code-kotis/barcode-scanner/master/app/images/touch/android-chrome-192x192.png"></p>
 
-# [QR Code Scanner](https://qrcodescan.in)
+# [QR Code Scanner](https://qrcodescan.in) ![Build](https://travis-ci.org/code-kotis/barcode-scanner.svg?branch=master)
 
 *QRCode Scanner - a simple, fast and useful progressive web application*
 
@@ -9,13 +9,13 @@
 ## Features
 
   - App Shell.
-  
+
   - Secure via https using [cloudflare free ssl](https://www.cloudflare.com/ssl/)
-  
+
   - Works offline.
 
   - Fully Responsive.
-  
+
   - Add to home screen, Splash screen.
 
   - Supported Browser - Google Chrome, Firefox, Opera **(Both Desktop & Mobile)**, Microsoft Edge (**(Insider Preview build)**) and now supports iOS as well.

app/css/styles.css

@@ -1,4 +1,5 @@
-/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,object,audio{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,object,audio{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
 
 body {
   font-family: Roboto, Helvetica,Arial,sans-serif;
@@ -16,13 +17,11 @@ body {
 .app__header {
   width: 100%;
   height: 56px;
-  /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);*/
   color: #fff;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  /*background: #607D8B;*/
   position: fixed;
   top: 0;
   left: 0;
@@ -349,8 +348,6 @@ video {
 }
 
 .app__overlay {
-  /* border-color: #ffffff;
-  border-width: 5px; */
   border: 0;
 }