diff --git a/webapp/controller/BaseController.js b/webapp/controller/BaseController.js
index c1b5e76..9a0a0c2 100644
--- a/webapp/controller/BaseController.js
+++ b/webapp/controller/BaseController.js
@@ -1,6 +1,7 @@
 sap.ui.define([
-    "sap/ui/core/mvc/Controller"
-], function (Controller) {
+    "sap/ui/core/mvc/Controller",
+    "sap/ui/core/UIComponent"
+], function (Controller, UIComponent) {
     "use strict";
 
     return Controller.extend("ui5.challenge.controller.BaseController", {
@@ -9,9 +10,6 @@ sap.ui.define([
         },
         getRouter: function () {
             return UIComponent.getRouterFor(this);
-        },
-        onPress: function () {
-
         }
     });
 });
diff --git a/webapp/controller/Detail.controller.js b/webapp/controller/Detail.controller.js
new file mode 100644
index 0000000..2282029
--- /dev/null
+++ b/webapp/controller/Detail.controller.js
@@ -0,0 +1,16 @@
+sap.ui.define([
+    "./BaseController",
+    "sap/m/Dialog"
+], function (BaseController, Dialog) {
+    "use strict";
+
+    return BaseController.extend("ui5.challenge.controller.Detail", {
+        onDialog: function () {
+            if (!this._dialog) {
+                this._dialog = new Dialog({ id: 'myDialog' })
+                this.getView().addDependent(this._dialog)
+            }
+            this._dialog.open()
+        }
+    });
+});
diff --git a/webapp/controller/Main.controller.js b/webapp/controller/Main.controller.js
new file mode 100644
index 0000000..e52a80b
--- /dev/null
+++ b/webapp/controller/Main.controller.js
@@ -0,0 +1,11 @@
+sap.ui.define([
+    "./BaseController"
+], function (BaseController) {
+    "use strict";
+
+    return BaseController.extend("ui5.challenge.controller.Main", {
+        onNavigate: function () {
+            this.getRouter().navTo('detail')
+        }
+    });
+});
diff --git a/webapp/i18n/i18n.properties b/webapp/i18n/i18n.properties
index e69de29..09142bd 100644
--- a/webapp/i18n/i18n.properties
+++ b/webapp/i18n/i18n.properties
@@ -0,0 +1,4 @@
+appTitle=ui5-challenge
+appDescription=ui5-challenge
+mainTitleText=wdi5 rocks
+detailTitleText=and ui5 too !
diff --git a/webapp/index.html b/webapp/index.html
index 01c1bb6..f3ea286 100644
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>title</title>
+    <title>ui5-challenge</title>
 
     <script
         id="sap-ui-bootstrap"
diff --git a/webapp/manifest.json b/webapp/manifest.json
index 9880154..d6ea0c6 100644
--- a/webapp/manifest.json
+++ b/webapp/manifest.json
@@ -47,8 +47,34 @@
         "controlId": "app",
         "clearControlAggregation": false
       },
-      "routes": [],
-      "targets": {}
+      "routes": [
+        {
+          "pattern": "",
+          "name": "main",
+          "target": [
+            "main"
+          ]
+        },
+        {
+          "pattern": "RouteDetail",
+          "name": "detail",
+          "target": [
+            "detail"
+          ]
+        }
+      ],
+      "targets": {
+        "main": {
+          "viewName": "Main",
+          "viewId": "main",
+          "viewLevel": 1
+        },
+        "detail": {
+          "viewName": "Detail",
+          "viewId": "detail",
+          "viewLevel": 2
+        }
+      }
     },
     "rootView": {
       "viewName": "ui5.challenge.view.App",
@@ -62,6 +88,11 @@
         "settings": {
           "bundleName": "ui5.challenge.i18n.i18n"
         }
+      },
+      "data": {
+        "type": "sap.ui.model.json.JSONModel",
+        "uri": "model/data.json",
+        "preload": true
       }
     }
   }
diff --git a/webapp/model/data.json b/webapp/model/data.json
new file mode 100644
index 0000000..f723cfb
--- /dev/null
+++ b/webapp/model/data.json
@@ -0,0 +1,17 @@
+{
+    "buttonText": "Hello World !",
+    "items": [
+        {
+            "title": "first",
+            "counter": 1
+        },
+        {
+            "title": "second",
+            "counter": 2
+        },
+        {
+            "title": "third",
+            "counter": 3
+        }
+    ]
+}
\ No newline at end of file
diff --git a/webapp/view/Detail.view.xml b/webapp/view/Detail.view.xml
new file mode 100644
index 0000000..ace213a
--- /dev/null
+++ b/webapp/view/Detail.view.xml
@@ -0,0 +1,7 @@
+<mvc:View xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" controllerName="ui5.challenge.controller.Detail">
+    <VBox>
+        <Title id="title" text="{i18n>detailTitleText}" />
+        <Button id="navButton" text="🔙" />
+        <Button id="dialogButton" text="🗔" press="onDialog" />
+    </VBox>
+</mvc:View>
diff --git a/webapp/view/Main.view.xml b/webapp/view/Main.view.xml
new file mode 100644
index 0000000..188a005
--- /dev/null
+++ b/webapp/view/Main.view.xml
@@ -0,0 +1,16 @@
+<mvc:View xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" controllerName="ui5.challenge.controller.Main">
+    <VBox>
+        <Title id="title" text="{i18n>mainTitleText}" />
+        <Button id="mainButton" text="{data>/buttonText}" />
+        <Button id="myControl" text="🔍" press="onNavigate" />
+        <List
+            items="{
+                path: 'data>/items'
+            }" >
+            <StandardListItem
+                title="{data>title}"
+                counter="{data>counter}"
+            />
+        </List>
+    </VBox>
+</mvc:View>
