diff --git a/src/pages/task-creation/task-creation.ts b/src/pages/task-creation/task-creation.ts
@@ -0,0 +1,34 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+import { TYPES, SIZES }  from '../../models/interfaces/duct.properties';
+
+/**
+ * Generated class for the TaskCreationPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-task-creation',
+  templateUrl: 'task-creation.html',
+})
+export class TaskCreationPage {
+
+  type_list = TYPES;
+  size_list = SIZES;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad TaskCreationPage');
+  }
+
+  addTask(): void{
+    console.log("Fuck that");
+  }
+
+}
diff --git a/www/build/0.js b/www/build/0.js
diff --git a/www/build/0.js.map b/www/build/0.js.map
diff --git a/www/build/1.js b/www/build/1.js
diff --git a/www/build/1.js.map b/www/build/1.js.map
diff --git a/www/build/10.js b/www/build/10.js
diff --git a/www/build/10.js.map b/www/build/10.js.map
diff --git a/www/build/11.js b/www/build/11.js
diff --git a/www/build/11.js.map b/www/build/11.js.map
diff --git a/www/build/12.js b/www/build/12.js
diff --git a/www/build/12.js.map b/www/build/12.js.map
diff --git a/www/build/2.js b/www/build/2.js
diff --git a/www/build/2.js.map b/www/build/2.js.map