diff --git a/package.json b/package.json
index 0ed4acf..8ab7c83 100644
--- a/package.json
+++ b/package.json
@@ -63,4 +63,4 @@
       "browser"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index e94fb1b..bb98170 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -16,7 +16,8 @@ export class openSenseApp {
   pages: Array<{title: string, component: any}> = [
     { title: 'Home', component: HomePage },
     { title: 'About', component: 'AboutPage' },
-    { title: 'senseBox', component: 'SenseBoxPage' }
+    { title: 'senseBox', component: 'SenseBoxPage' },
+    {title:'Blockly', component:'BlocklyPage'}
   ];
 
   constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
diff --git a/src/pages/Blockly/blockly.html b/src/pages/Blockly/blockly.html
new file mode 100644
index 0000000..c514b80
--- /dev/null
+++ b/src/pages/Blockly/blockly.html
@@ -0,0 +1,25 @@
+<!--
+  Generated template for the SenseBoxPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+  <ion-navbar>
+    <button ion-button menuToggle>
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>Blockly</ion-title>
+  </ion-navbar>
+</ion-header>
+  
+  
+
+
+<ion-content padding>
+
+  <div>
+    Blockly should be displayed here !
+  </div>
+
+</ion-content>
diff --git a/src/pages/Blockly/blockly.module.ts b/src/pages/Blockly/blockly.module.ts
new file mode 100644
index 0000000..73e4e5b
--- /dev/null
+++ b/src/pages/Blockly/blockly.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { BlocklyPage } from './blockly';
+
+@NgModule({
+  declarations: [
+    BlocklyPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(BlocklyPage),
+  ],
+})
+export class BlocklyPageModule {}
diff --git a/src/pages/Blockly/blockly.scss b/src/pages/Blockly/blockly.scss
new file mode 100644
index 0000000..a1c6cee
--- /dev/null
+++ b/src/pages/Blockly/blockly.scss
@@ -0,0 +1,3 @@
+page-blockly {
+
+}
diff --git a/src/pages/Blockly/blockly.ts b/src/pages/Blockly/blockly.ts
new file mode 100644
index 0000000..79ba8c4
--- /dev/null
+++ b/src/pages/Blockly/blockly.ts
@@ -0,0 +1,28 @@
+import { ApiProvider } from '../../providers/api/api';
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the SenseBoxPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-blockly',
+  templateUrl: 'blockly.html',
+})
+export class BlocklyPage {
+
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, private api: ApiProvider) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad SenseBoxPage');
+  }
+
+
+}