diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..94a47fa
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+.idea
+typings
\ No newline at end of file
diff --git a/app/LocationComponent/location.component.js b/app/LocationComponent/location.component.js
new file mode 100644
index 0000000..55f6551
--- /dev/null
+++ b/app/LocationComponent/location.component.js
@@ -0,0 +1,46 @@
+System.register(['angular2/core', 'angular2/router'], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, router_1;
+    var LocationComponent;
+    return {
+        setters:[
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (router_1_1) {
+                router_1 = router_1_1;
+            }],
+        execute: function() {
+            LocationComponent = (function () {
+                function LocationComponent(_router, _routeParams) {
+                    this._router = _router;
+                    this._routeParams = _routeParams;
+                }
+                LocationComponent.prototype.ngOnInit = function () {
+                    var id = this._routeParams.get('id');
+                    console.info(id);
+                    //this._service.getHero(id).then(hero => this.hero = hero);
+                };
+                LocationComponent = __decorate([
+                    core_1.Component({
+                        template: '<h2>Location</h2>'
+                    }), 
+                    __metadata('design:paramtypes', [router_1.Router, router_1.RouteParams])
+                ], LocationComponent);
+                return LocationComponent;
+            }());
+            exports_1("LocationComponent", LocationComponent);
+        }
+    }
+});
+//# sourceMappingURL=location.component.js.map
\ No newline at end of file
diff --git a/app/LocationComponent/location.component.js.map b/app/LocationComponent/location.component.js.map
new file mode 100644
index 0000000..91a74bc
--- /dev/null
+++ b/app/LocationComponent/location.component.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"location.component.js","sourceRoot":"","sources":["location.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;YAMA;gBAII,2BAAoB,OAAc,EACd,YAAwB;oBADxB,YAAO,GAAP,OAAO,CAAO;oBACd,iBAAY,GAAZ,YAAY,CAAY;gBAAG,CAAC;gBAEhD,oCAAQ,GAAR;oBACI,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACrC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACjB,2DAA2D;gBAC/D,CAAC;gBAdL;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,mBAAmB;qBAChC,CAAC;;qCAAA;gBAcF,wBAAC;YAAD,CAAC,AAbD,IAaC;YAbD,iDAaC,CAAA"}
\ No newline at end of file
diff --git a/app/LocationComponent/location.component.ts b/app/LocationComponent/location.component.ts
new file mode 100644
index 0000000..c8edb6a
--- /dev/null
+++ b/app/LocationComponent/location.component.ts
@@ -0,0 +1,20 @@
+import {Component} from 'angular2/core';
+import {RouteParams, Router} from 'angular2/router';
+
+@Component({
+    template: '<h2>Location</h2>'
+})
+export class LocationComponent implements OnInit {
+
+    location:Location;
+
+    constructor(private _router:Router,
+                private _routeParams:RouteParams) {}
+
+    ngOnInit() {
+        let id = this._routeParams.get('id');
+        console.info(id);
+        //this._service.getHero(id).then(hero => this.hero = hero);
+    }
+
+}
\ No newline at end of file
diff --git a/app/UserComponent/UserComponent.js b/app/UserComponent/UserComponent.js
new file mode 100644
index 0000000..7429dd8
--- /dev/null
+++ b/app/UserComponent/UserComponent.js
@@ -0,0 +1 @@
+//# sourceMappingURL=UserComponent.js.map
\ No newline at end of file
diff --git a/app/UserComponent/UserComponent.js.map b/app/UserComponent/UserComponent.js.map
new file mode 100644
index 0000000..944a615
--- /dev/null
+++ b/app/UserComponent/UserComponent.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"UserComponent.js","sourceRoot":"","sources":["UserComponent.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/app/UserComponent/user.component.js b/app/UserComponent/user.component.js
new file mode 100644
index 0000000..5cf8bad
--- /dev/null
+++ b/app/UserComponent/user.component.js
@@ -0,0 +1,46 @@
+System.register(['angular2/core', 'angular2/router'], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, router_1;
+    var UserComponent;
+    return {
+        setters:[
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (router_1_1) {
+                router_1 = router_1_1;
+            }],
+        execute: function() {
+            UserComponent = (function () {
+                function UserComponent(_router, _routeParams) {
+                    this._router = _router;
+                    this._routeParams = _routeParams;
+                }
+                UserComponent.prototype.ngOnInit = function () {
+                    var id = this._routeParams.get('id');
+                    console.info(id);
+                    //this._service.getHero(id).then(hero => this.hero = hero);
+                };
+                UserComponent = __decorate([
+                    core_1.Component({
+                        template: '<h2>Location</h2>'
+                    }), 
+                    __metadata('design:paramtypes', [router_1.Router, router_1.RouteParams])
+                ], UserComponent);
+                return UserComponent;
+            }());
+            exports_1("UserComponent", UserComponent);
+        }
+    }
+});
+//# sourceMappingURL=user.component.js.map
\ No newline at end of file
diff --git a/app/UserComponent/user.component.js.map b/app/UserComponent/user.component.js.map
new file mode 100644
index 0000000..f632485
--- /dev/null
+++ b/app/UserComponent/user.component.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"user.component.js","sourceRoot":"","sources":["user.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;YAOA;gBAII,uBAAoB,OAAc,EACd,YAAwB;oBADxB,YAAO,GAAP,OAAO,CAAO;oBACd,iBAAY,GAAZ,YAAY,CAAY;gBAC5C,CAAC;gBAED,gCAAQ,GAAR;oBACI,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACrC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACjB,2DAA2D;gBAC/D,CAAC;gBAhBL;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,mBAAmB;qBAChC,CAAC;;iCAAA;gBAgBF,oBAAC;YAAD,CAAC,AAdD,IAcC;YAdD,yCAcC,CAAA"}
\ No newline at end of file
diff --git a/app/UserComponent/user.component.ts b/app/UserComponent/user.component.ts
new file mode 100644
index 0000000..7cbef29
--- /dev/null
+++ b/app/UserComponent/user.component.ts
@@ -0,0 +1,22 @@
+import {Component} from 'angular2/core';
+import {RouteParams, Router} from 'angular2/router';
+
+@Component({
+    template: '<h2>Location</h2>'
+})
+
+export class UserComponent implements OnInit {
+
+    location:Location;
+
+    constructor(private _router:Router,
+                private _routeParams:RouteParams) {
+    }
+
+    ngOnInit() {
+        let id = this._routeParams.get('id');
+        console.info(id);
+        //this._service.getHero(id).then(hero => this.hero = hero);
+    }
+
+}
\ No newline at end of file
diff --git a/app/app.component.js b/app/app.component.js
new file mode 100644
index 0000000..36cd9ce
--- /dev/null
+++ b/app/app.component.js
@@ -0,0 +1,51 @@
+System.register(['angular2/core', 'angular2/router', './LocationComponent/location.component', './UserComponent/user.component'], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, router_1, location_component_1, user_component_1;
+    var AppComponent;
+    return {
+        setters:[
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (router_1_1) {
+                router_1 = router_1_1;
+            },
+            function (location_component_1_1) {
+                location_component_1 = location_component_1_1;
+            },
+            function (user_component_1_1) {
+                user_component_1 = user_component_1_1;
+            }],
+        execute: function() {
+            AppComponent = (function () {
+                function AppComponent() {
+                }
+                AppComponent = __decorate([
+                    core_1.Component({
+                        selector: 'dash',
+                        template: '<router-outlet></router-outlet>',
+                        directives: [router_1.ROUTER_DIRECTIVES]
+                    }),
+                    router_1.RouteConfig([
+                        { path: '/location/:id', name: 'Location', component: location_component_1.LocationComponent },
+                        { path: '/user/:id', name: 'User', component: user_component_1.UserComponent },
+                    ]), 
+                    __metadata('design:paramtypes', [])
+                ], AppComponent);
+                return AppComponent;
+            }());
+            exports_1("AppComponent", AppComponent);
+        }
+    }
+});
+//# sourceMappingURL=app.component.js.map
\ No newline at end of file
diff --git a/app/app.component.js.map b/app/app.component.js.map
new file mode 100644
index 0000000..6f2013e
--- /dev/null
+++ b/app/app.component.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAiBA;gBAAA;gBAA2B,CAAC;gBAX5B;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,MAAM;wBAChB,QAAQ,EAAE,iCAAiC;wBAC3C,UAAU,EAAE,CAAC,0BAAiB,CAAC;qBAClC,CAAC;oBAED,oBAAW,CAAC;wBACT,EAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,sCAAiB,EAAC;wBACvE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,8BAAa,EAAC;qBAC9D,CAAC;;gCAAA;gBAEyB,mBAAC;YAAD,CAAC,AAA5B,IAA4B;YAA5B,uCAA4B,CAAA"}
\ No newline at end of file
diff --git a/app/app.component.ts b/app/app.component.ts
new file mode 100644
index 0000000..3e95b0a
--- /dev/null
+++ b/app/app.component.ts
@@ -0,0 +1,18 @@
+import {Component} from 'angular2/core';
+import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
+
+import {LocationComponent} from './LocationComponent/location.component';
+import {UserComponent} from './UserComponent/user.component';
+
+@Component({
+    selector: 'dash',
+    template: '<router-outlet></router-outlet>',
+    directives: [ROUTER_DIRECTIVES]
+})
+
+@RouteConfig([
+    {path: '/location/:id', name: 'Location', component: LocationComponent},
+    {path: '/user/:id', name: 'User', component: UserComponent},
+])
+
+export class AppComponent {}
\ No newline at end of file
diff --git a/app/main.js b/app/main.js
new file mode 100644
index 0000000..1d7915a
--- /dev/null
+++ b/app/main.js
@@ -0,0 +1,23 @@
+System.register(['./app.component', 'angular2/platform/browser', 'angular2/router'], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var app_component_1, browser_1, router_1;
+    return {
+        setters:[
+            function (app_component_1_1) {
+                app_component_1 = app_component_1_1;
+            },
+            function (browser_1_1) {
+                browser_1 = browser_1_1;
+            },
+            function (router_1_1) {
+                router_1 = router_1_1;
+            }],
+        execute: function() {
+            browser_1.bootstrap(app_component_1.AppComponent, [
+                router_1.ROUTER_PROVIDERS
+            ]);
+        }
+    }
+});
+//# sourceMappingURL=main.js.map
\ No newline at end of file
diff --git a/app/main.js.map b/app/main.js.map
new file mode 100644
index 0000000..4931b6b
--- /dev/null
+++ b/app/main.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;YAIA,mBAAS,CAAC,4BAAY,EAAE;gBACpB,yBAAgB;aACnB,CAAC,CAAC"}
\ No newline at end of file
diff --git a/app/main.ts b/app/main.ts
new file mode 100644
index 0000000..e4c30df
--- /dev/null
+++ b/app/main.ts
@@ -0,0 +1,7 @@
+import {AppComponent} from './app.component';
+import {bootstrap}    from 'angular2/platform/browser';
+import {ROUTER_PROVIDERS} from 'angular2/router';
+
+bootstrap(AppComponent, [
+    ROUTER_PROVIDERS
+]);
\ No newline at end of file
diff --git a/app/services/locationService.js b/app/services/locationService.js
new file mode 100644
index 0000000..f3ebb91
--- /dev/null
+++ b/app/services/locationService.js
@@ -0,0 +1,21 @@
+System.register([], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var LocationService;
+    return {
+        setters:[],
+        execute: function() {
+            LocationService = (function () {
+                function LocationService() {
+                }
+                LocationService.prototype.getLocations = function () {
+                    http.get("http://locator.in.htwg-konstanz.de:2020/locations/nearby?long=9.169753789901733&lat=47.66868204997508&maxDistance=100000000000&limit=1000000000")
+                        .map(function (res) { return res.json(); });
+                };
+                return LocationService;
+            }());
+            exports_1("LocationService", LocationService);
+        }
+    }
+});
+//# sourceMappingURL=locationService.js.map
\ No newline at end of file
diff --git a/app/services/locationService.js.map b/app/services/locationService.js.map
new file mode 100644
index 0000000..f92023e
--- /dev/null
+++ b/app/services/locationService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"locationService.js","sourceRoot":"","sources":["locationService.ts"],"names":[],"mappings":";;;;;;;YAEA;gBAAA;gBAOA,CAAC;gBALG,sCAAY,GAAZ;oBACI,IAAI,CAAC,GAAG,CAAC,iJAAiJ,CAAC;yBACtJ,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAE,EAAV,CAAU,CAAC,CAAA;gBAC/B,CAAC;gBAEL,sBAAC;YAAD,CAAC,AAPD,IAOC;YAPD,6CAOC,CAAA"}
\ No newline at end of file
diff --git a/app/services/locationService.ts b/app/services/locationService.ts
new file mode 100644
index 0000000..8cc69fc
--- /dev/null
+++ b/app/services/locationService.ts
@@ -0,0 +1,10 @@
+import {Http, HTTP_PROVIDERS} from 'angular2/http';
+
+export class LocationService {
+
+    getLocations() {
+        http.get("http://locator.in.htwg-konstanz.de:2020/locations/nearby?long=9.169753789901733&lat=47.66868204997508&maxDistance=100000000000&limit=1000000000")
+            .map(res => res.json())
+    }
+
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..42a3f1b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+    <!-- Set the base href -->
+    <base href="/">
+
+    <title>Angular 2 QuickStart</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style/main.css">
+
+    <!-- 1. Load libraries -->
+    <!-- IE required polyfills, in this exact order -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/systemjs/dist/system-polyfills.js"></script>
+    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
+
+    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+    <script src="node_modules/rxjs/bundles/Rx.js"></script>
+    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
+    <script src="node_modules/angular2/bundles/router.dev.js"></script>
+
+    <!-- 2. Configure SystemJS -->
+    <script>
+        System.config({
+            packages: {
+                app: {
+                    format: 'register',
+                    defaultExtension: 'js'
+                }
+            }
+        });
+        System.import('app/main')
+                .then(null, console.error.bind(console));
+    </script>
+</head>
+
+<!-- 3. Display the application -->
+<body>
+<dash>Loading...</dash>
+</body>
+</html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..efe84f3
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "angular2-quickstart",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",
+    "tsc": "tsc",
+    "tsc:w": "tsc -w",
+    "lite": "lite-server",
+    "typings": "typings",
+    "postinstall": "typings install"
+  },
+  "license": "ISC",
+  "dependencies": {
+    "angular2": "2.0.0-beta.12",
+    "systemjs": "0.19.24",
+    "es6-shim": "^0.35.0",
+    "reflect-metadata": "0.1.2",
+    "rxjs": "5.0.0-beta.2",
+    "zone.js": "0.6.6"
+  },
+  "devDependencies": {
+    "concurrently": "^2.0.0",
+    "lite-server": "^2.1.0",
+    "typescript": "^1.8.9",
+    "typings":"^0.7.9"
+  }
+}
\ No newline at end of file
diff --git a/style/main.css b/style/main.css
new file mode 100644
index 0000000..5f67879
--- /dev/null
+++ b/style/main.css
@@ -0,0 +1,18 @@
+/* Master Styles */
+h1 {
+    color: #369;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 250%;
+}
+h2, h3 {
+    color: #444;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: lighter;
+}
+body {
+    margin: 2em;
+}
+body, input[text], button {
+    color: #888;
+    font-family: Cambria, Georgia;
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..4170bb2
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "system",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "removeComments": false,
+    "noImplicitAny": false
+  },
+  "exclude": [
+    "node_modules",
+    "typings/main",
+    "typings/main.d.ts"
+  ]
+}
\ No newline at end of file
diff --git a/typings.json b/typings.json
new file mode 100644
index 0000000..afcb05e
--- /dev/null
+++ b/typings.json
@@ -0,0 +1,6 @@
+{
+  "ambientDependencies": {
+    "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd",
+    "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd"
+  }
+}
\ No newline at end of file