diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..7c9325a
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,26 @@
+sudo: required
+dist: trusty
+language: node_js
+node_js:
+  - '8.1'
+
+addons:
+apt:
+  sources:
+    - google-chrome
+  packages:
+    - google-chrome-stable
+    - google-chrome-beta
+
+before_install:
+  - export CHROME_BIN=chromium-browser
+  - export DISPLAY=:99.0
+  - sh -e /etc/init.d/xvfb start
+
+before_script:
+- npm install -g angular-cli
+- npm install -g karma
+- npm install
+- ng build
+
+script: karma start ./karma.conf.js --single-run
\ No newline at end of file
diff --git a/README.md b/README.md
index c2ef825..6dca5c2 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # FrontEnd
+![alt text](https://travis-ci.org/AITestingOrg/front-end.svg?branch=master "Build Status")
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.1.
 
diff --git a/karma.conf.js b/karma.conf.js
index 4d9ab9d..7b94881 100644
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -22,6 +22,13 @@ module.exports = function (config) {
     angularCli: {
       environment: 'dev'
     },
+    customLaunchers: {
+      // chrome setup for travis CI using chromium
+      Chrome_travis_ci: {
+          base: 'Chrome',
+          flags: [' — no-sandbox']
+      }
+   },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
diff --git a/package-lock.json b/package-lock.json
index 39720ef..f716ed6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,14 @@
         "tslib": "1.8.0"
       }
     },
+    "@angular/cdk": {
+      "version": "2.0.0-beta.12",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-2.0.0-beta.12.tgz",
+      "integrity": "sha1-OiQ8tiuT9OA5EgunD5ANyeI1Yi4=",
+      "requires": {
+        "tslib": "1.8.0"
+      }
+    },
     "@angular/cli": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-1.1.1.tgz",
@@ -143,6 +151,14 @@
       "integrity": "sha1-SY7OlcX2BmQDv5/TxYMa9CtFYYs=",
       "dev": true
     },
+    "@angular/material": {
+      "version": "2.0.0-beta.12",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-2.0.0-beta.12.tgz",
+      "integrity": "sha1-cbbQt7AhiR5dDjaIwdS9eMdFf1g=",
+      "requires": {
+        "tslib": "1.8.0"
+      }
+    },
     "@angular/platform-browser": {
       "version": "4.4.6",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-4.4.6.tgz",
@@ -3619,6 +3635,11 @@
       "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
       "dev": true
     },
+    "hammerjs": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
+    },
     "handle-thing": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",