diff --git a/dist/src/component/searchbar/searchbar.component.html b/dist/src/component/searchbar/searchbar.component.html
new file mode 100644
index 0000000..e9af890
--- /dev/null
+++ b/dist/src/component/searchbar/searchbar.component.html
@@ -0,0 +1,6 @@
+<div>
+  <input placeholder="Search a town" [formControl]="term" type="text" />
+  <ul ng-if="items.length > 0">
+    <li *ngFor="let item of items" (click)="select(item)">{{item.formatted_address}}</li>
+  </ul>
+</div>
\ No newline at end of file
diff --git a/dist/src/component/searchbar/searchbar.component.scss b/dist/src/component/searchbar/searchbar.component.scss
new file mode 100644
index 0000000..9d5f30a
--- /dev/null
+++ b/dist/src/component/searchbar/searchbar.component.scss
@@ -0,0 +1,41 @@
+$backgroundListItem: #fff;
+$backgroundListItemOver: #416399;
+
+
+:host {
+    padding: 10px;
+
+    input {
+        width: 100%;
+        padding: 0 5px;
+        border-radius: 5px;
+        height: 35px;
+        font-size: 20px;
+        box-shadow: 5px 1px black;
+        line-height: 35px;
+    }
+    ul {
+        list-style: none;
+        padding: 0;
+        display: block;
+        border: solid 1px #aaa;
+        border-radius: 0 0 3px 3px;
+        margin-top: 0;
+
+        li {
+            border-bottom: solid 1px #999;
+            padding: 3px;
+            background: $backgroundListItem;
+            height: 30px;
+            line-height: 30px;
+        }
+        li:last-child {
+            border-bottom: none;
+        }
+        li:hover {
+            background: $backgroundListItemOver;
+            cursor: pointer;
+            color: #fff;
+        }
+    }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 5009384..94f20dc 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,10 @@
     "postinstall": "typings install",
     "prepublish": "tsc",
     "tsc": "tsc",
-    "typings": "typings"
+    "typings": "typings",
+    "htmlcopy": "copyfiles src/**/*.html dist",
+    "scsscopy": "copyfiles src/**/*.scss dist",
+    "dist": "rm -Rf dist && npm run tsc && npm run htmlcopy && npm run scsscopy"
   },
   "repository": {
     "type": "git",
@@ -37,7 +40,8 @@
     "tslint": "^3.15.1",
     "typescript": "2.0.2",
     "typings":"^1.0.4",
-    "zone.js": "0.6.23"
+    "zone.js": "0.6.23",
+    "copyfiles": "1.0.0"
   },
   "engines": {
     "node": ">=0.8.0"