diff --git a/src/components/LeftMenu.component.vue b/src/components/LeftMenu.component.vue
index 20ded20..d5c1641 100644
--- a/src/components/LeftMenu.component.vue
+++ b/src/components/LeftMenu.component.vue
@@ -1,61 +1,61 @@
 <template>
-    <div>
-      <ion-menu side="start" content-id="content">
-        <ion-header>
-          <ion-toolbar color="primary">
-            <ion-title>Menü</ion-title>
-          </ion-toolbar>
-        </ion-header>
-        <ion-content padding>
-          <ion-list>
-            <ion-item v-for="menu in menuItems" v-bind:key="menu.title" @click="openMenuEntry(menu)">
-              <v-icon
-                class="black--text mr-2"
-              >{{ menu.icon }}
-              </v-icon>
-              <ion-label>{{ menu.title }}</ion-label>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-      </ion-menu>
-    </div>
+  <div>
+    <ion-menu side="start" content-id="content">
+      <ion-header>
+        <ion-toolbar color="primary">
+          <ion-title>Menü</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content padding>
+        <ion-list>
+          <ion-item v-for="menu in menuItems" v-bind:key="menu.title" @click="openMenuEntry(menu)">
+            <v-icon class="black--text margin-right">{{ menu.icon }}</v-icon>
+            <ion-label>{{ menu.title }}</ion-label>
+          </ion-item>
+        </ion-list>
+      </ion-content>
+    </ion-menu>
+  </div>
 </template>
 
 <script lang="ts">
-  import { Component, Vue } from 'vue-property-decorator';
-  import { namespace } from 'vuex-class';
+import { Component, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
 
-  const GlobalStore = namespace('global');
+const GlobalStore = namespace('global');
 
-  @Component({})
-  export default class LeftMenuComponent extends Vue {
+@Component({})
+export default class LeftMenuComponent extends Vue {
+  public menuItems: any[] = [];
 
-    public menuItems: any[] = [];
+  @GlobalStore.Mutation('saveHeaderTitle')
+  private saveHeaderTitle!: (title: string) => void;
 
-    @GlobalStore.Mutation('saveHeaderTitle')
-    private saveHeaderTitle!: (title: string) => void;
-
-    public created() {
-      this.menuItems = [{
+  public created() {
+    this.menuItems = [
+      {
         title: 'Übersicht',
         icon: 'mdi-map',
         router: 'mapOverview'
-      }, {
+      },
+      {
         title: 'Gelege hinzufügen',
         icon: 'mdi-plus',
         router: 'createDataSet'
-      }];
-    }
+      }
+    ];
+  }
 
-    public openMenuEntry(menu: any) {
-      this.saveHeaderTitle(menu.title);
-      this.$router.push({ name: menu.router });
-      document.querySelector('ion-menu-controller')!.close('start');
-    }
-
-  };
+  public openMenuEntry(menu: any) {
+    this.saveHeaderTitle(menu.title);
+    this.$router.push({ name: menu.router });
+    document.querySelector('ion-menu-controller')!.close('start');
+  }
+}
 </script>
 
-<style scoped>
-
+<style lang="scss" scoped>
+.margin-right {
+  margin-right: 10px;
+}
 </style>
diff --git a/src/components/nest/CreateDataSet.component.vue b/src/components/nest/CreateDataSet.component.vue
new file mode 100644
index 0000000..8f92241
--- /dev/null
+++ b/src/components/nest/CreateDataSet.component.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <v-row class="center d-flex flex-column ma-3">
+      <v-col class="ma-0 pa-0">
+        <v-label>Tierart</v-label>
+        <v-select :items="items" label="Tierart" dense solo></v-select>
+      </v-col>
+    </v-row>
+    <v-row class="center d-flex flex-column ma-3">
+      <v-col class="ma-0 pa-0">
+        <v-label>Anzahl der Eier</v-label>
+        <v-select :items="items" label="Anzahl der Eier" dense solo></v-select>
+      </v-col>
+    </v-row>
+    <v-row class="center d-flex flex-column ma-3">
+      <v-col class="ma-0 pa-0">
+        <v-label>Status</v-label>
+        <v-select :items="items" label="Status" dense solo></v-select>
+      </v-col>
+    </v-row>
+    <v-row class="center d-flex flex-column ma-3">
+      <v-col class="ma-0 pa-0">
+        <v-label>Schlüpft am</v-label>
+        <v-select :items="items" label="Schlüpft am" dense solo></v-select>
+      </v-col>
+    </v-row>
+    <v-row class="center d-flex flex-column ma-3">
+      <v-col class="ma-0 pa-0">
+          <v-label>Bemerkung / Notiz</v-label>
+          <v-textarea></v-textarea>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+
+@Component({})
+export default class CreateDataSetComponent extends Vue {
+  public items: any[] = ['Vogel'];
+}
+</script>
+
+<style lang="scss">
+.v-select__slot {
+  label.v-label.theme--light {
+    padding-left: 5px !important;
+  }
+  .v-select__selection.v-select__selection--comma {
+    margin-left: 5px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 38f4673..28ea467 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,7 +5,7 @@ import router from './router';
 import store from './store/store';
 import '@ionic/core/css/core.css';
 import '@ionic/core/css/ionic.bundle.css';
-import vuetify from '@/plugins/vuetify';
+import vuetify from '@/plugins/vuetify/vuetify';
 
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
 
diff --git a/src/plugins/defaultLight.ts b/src/plugins/vuetify/defaultLight.ts
similarity index 92%
rename from src/plugins/defaultLight.ts
rename to src/plugins/vuetify/defaultLight.ts
index a18bf51..69c04c3 100644
--- a/src/plugins/defaultLight.ts
+++ b/src/plugins/vuetify/defaultLight.ts
@@ -5,7 +5,7 @@
  * https://vuetifyjs.com/en/customization/theme#theme
  */
 export default {
-    // REIN light theme colors
+    // GELEGEAPP light theme colors
     'primary': '#33b370',
     'secondary': '#172B4D',
     'accent': '#00A252',
diff --git a/src/plugins/vuetify/vuetify.ts b/src/plugins/vuetify/vuetify.ts
new file mode 100644
index 0000000..6aecabc
--- /dev/null
+++ b/src/plugins/vuetify/vuetify.ts
@@ -0,0 +1,26 @@
+import Vue from 'vue';
+import Vuetify from 'vuetify/lib';
+import defaultThemeLight from './defaultLight';
+
+// Translation provided by Vuetify (typescript)
+import de from 'vuetify/src/locale/de';
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+    icons: {
+        iconfont: 'mdi', // default value
+    },
+    lang: {
+        locales: { de },
+        current: 'de',
+    },
+    theme: {
+        options: {
+            customProperties: true,
+        },
+        themes: {
+            light: defaultThemeLight,
+        },
+    },
+});
diff --git a/src/router/index.ts b/src/router/index.ts
index c424493..83c1eff 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -8,8 +8,6 @@ import CreateDataSetView from '@/views/CreateDataSet.view.vue';
 import AuthGuard from "@/helpers/AuthGuard";
 import Router from 'vue-router';
 
-Vue.use(IonicVueRouter);
-
 // Handle NavigationDuplicated stack error:
 // https://github.com/vuejs/vue-router/issues/2881#issuecomment-520554378
 const originalPush = Router.prototype.push;
diff --git a/src/views/CreateDataSet.view.vue b/src/views/CreateDataSet.view.vue
index 065182e..d1d3cd4 100644
--- a/src/views/CreateDataSet.view.vue
+++ b/src/views/CreateDataSet.view.vue
@@ -1,15 +1,23 @@
 <template>
     <div class="app-content">
-
+      <create-data-set-component></create-data-set-component>
     </div>
 </template>
 
 <script lang="ts">
   import { Component, Vue } from 'vue-property-decorator';
 
-  @Component({})
+  @Component({
+    components: {
+      CreateDataSetComponent: () => import(
+        /* webpackChunkName: "CreateDataSetComponent" */
+        '@/components/nest/CreateDataSet.component.vue')
+    }
+  })
   export default class CreateDataSetView extends Vue {
 
+    
+
   };
 </script>
 
diff --git a/src/views/Home.view.vue b/src/views/Home.view.vue
index 9b3ab40..6a36758 100644
--- a/src/views/Home.view.vue
+++ b/src/views/Home.view.vue
@@ -4,40 +4,38 @@
       <ion-toolbar color="primary">
         <div class="d-flex">
           <div class="header-item text-left">
-            <ion-button @click="openLeftMenu">Menü</ion-button>
+            <v-btn @click="openLeftMenu" class="ma-2" icon color="white">
+              <v-icon>mdi-menu</v-icon>
+            </v-btn>
           </div>
           <div class="header-item d-flex align-center justify-center">{{ headerTitle }}</div>
           <div class="header-item"></div>
         </div>
       </ion-toolbar>
     </ion-header>
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
 <script lang="ts">
-  import { Component, Vue } from 'vue-property-decorator';
-  import { namespace } from 'vuex-class';
+import { Component, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
 
-  const GlobalStore = namespace('global');
+const GlobalStore = namespace('global');
 
-  @Component
-  export default class HomeView extends Vue {
-
-    @GlobalStore.Getter('headerTitle')
-    public headerTitle!: string;
-
-    public openLeftMenu() {
-      document.querySelector('ion-menu-controller')!.open('start');
-    }
+@Component
+export default class HomeView extends Vue {
+  @GlobalStore.Getter('headerTitle')
+  public headerTitle!: string;
 
+  public openLeftMenu() {
+    document.querySelector('ion-menu-controller')!.open('start');
   }
+}
 </script>
 
 <style scoped>
-
-  .header-item {
-    flex-basis: 100%;
-  }
-
+.header-item {
+  flex-basis: 100%;
+}
 </style>