diff --git a/package-lock.json b/package-lock.json
index 77d9c14..27e3e49 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7109,7 +7109,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -7130,12 +7131,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -7150,17 +7153,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -7277,7 +7283,8 @@
         "inherits": {
           "version": "2.0.4",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -7289,6 +7296,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -7303,6 +7311,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -7310,12 +7319,14 @@
         "minimist": {
           "version": "1.2.5",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.9.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -7334,6 +7345,7 @@
           "version": "0.5.3",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "^1.2.5"
           }
@@ -7395,7 +7407,8 @@
         "npm-normalize-package-bin": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "npm-packlist": {
           "version": "1.4.8",
@@ -7423,7 +7436,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -7435,6 +7449,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -7512,7 +7527,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -7548,6 +7564,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -7567,6 +7584,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -7610,12 +7628,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -14376,6 +14396,11 @@
         }
       }
     },
+    "vue-fragment": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/vue-fragment/-/vue-fragment-1.5.1.tgz",
+      "integrity": "sha512-ig6eES6TcMBbANW71ylB+AJgRN+Zksb3f50AxjGpAk6hMzqmeuD80qeh4LJP0jVw2dMBMjgRUfIkrvxygoRgtQ=="
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
diff --git a/package.json b/package.json
index 75e1656..6c4799c 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "core-js": "^3.6.4",
     "register-service-worker": "^1.6.2",
     "vue": "^2.6.11",
+    "vue-fragment": "^1.5.1",
     "vue-i18n": "^8.0.0",
     "vue-router": "^3.1.5",
     "vuex": "^3.1.2",
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index a4537e1..c56c50b 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -24,14 +24,15 @@ h1, h2 ,h3 ,h4 ,h5 ,h6 {
 .page-container {
   margin: auto;
   max-width: 1200px;
-
   &.home main {
     margin: 0 auto;
-
     @media #{$desktop} {
       max-width: 800px;
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
     }
-
     @media #{$tablet} {
       max-width: 600px;
     }
diff --git a/src/components/Card.vue b/src/components/Card.vue
index 1e0613a..b547e03 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -17,6 +17,7 @@ export default {
     padding: 30px 20px;
     margin: 0 5px;
     text-align: center;
+    height: 400px;
     @include shadow(30);
   }
 </style>
diff --git a/src/components/DashboardNavigation.vue b/src/components/DashboardNavigation.vue
new file mode 100644
index 0000000..2a26ce1
--- /dev/null
+++ b/src/components/DashboardNavigation.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="dashboard-navigation">
+    <div class="dashboard-navigation__logo logo">
+      <img
+        class="logo__image"
+        src="/img/icons/logo.svg"
+        :alt="$t('meta.title')"
+      />
+      <h1 class="logo__text">{{ $t('meta.title') }}</h1>
+    </div>
+    <ul class="dashboard-navigation__list">
+      <li class="dashboard-navigation__list-item">
+        <router-link to="/dashboard">Offene Tasks</router-link>
+      </li>
+      <li class="dashboard-navigation__list-item">
+        <router-link to="/dashboard/mytasks">Meine Tasks</router-link>
+      </li>
+      <li class="dashboard-navigation__list-item">{{ email }}</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'DashboardNavigation',
+  computed: {
+    ...mapGetters([
+      'email',
+    ]),
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+  .dashboard-navigation {
+    display: flex;
+    margin-top: 20px;
+
+    &__logo {
+      flex: 1 1 60%;
+    }
+
+    &__list {
+      flex: 1 1 40%;
+      display: flex;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      align-items: center;
+    }
+
+    &__list-item {
+      flex: 1 1 100%;
+      text-align: right;
+    }
+  }
+
+  .logo {
+    display: flex;
+    justify-content: center;
+
+    @media #{$tablet}, #{$desktop} {
+      justify-content: flex-start;
+    }
+
+    &__image {
+      width: 30px;
+      margin-right: 10px;
+    }
+
+    &__text {
+      margin: 0;
+    }
+  }
+</style>
diff --git a/src/components/EditIssueCard.vue b/src/components/EditIssueCard.vue
new file mode 100644
index 0000000..4b0e4a6
--- /dev/null
+++ b/src/components/EditIssueCard.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="issue-card">
+    <div
+      class="issue-card__status-bar"
+    >
+    </div>
+    <div class="issue-card__local-info location">
+      <img class="location__icon" alt="local-icon" src="/img/icons/location-arrow.svg">
+      <span class="location__city">{{ city }} / </span>
+      <span class="location__plz">{{ zip }}</span>
+    </div>
+    <h3 class="issue-card__headline">{{ headline }}</h3>
+    <p class="issue-card__text">{{ text }}</p>
+    <div class="issue-card__record record">
+      <div class="record__waveform" ref="waveformcontainer"></div>
+      <button @click="$wavesurfer.playPause()" class="record__playbutton">
+        <img alt="play-icon" src="/img/icons/play.svg">
+      </button>
+    </div>
+    <h3 class="issue-card__headline">Deine Antwort</h3>
+    <textarea class="issue-card__answer"></textarea>
+    <button
+      class="issue-card__btn"
+    >
+      <span class="issue-card__btn__label">Senden</span>
+    </button>
+  </div>
+</template>
+
+<script>
+import WaveSurfer from 'wavesurfer.js';
+import { mapActions } from 'vuex';
+
+export default {
+  name: 'IssueCard',
+  props: {
+    taskId: Number,
+    headline: String,
+    text: String,
+    city: String,
+    zip: String,
+    audiofile: String,
+    state: String,
+  },
+  data() {
+    return {
+      $wavesurfer: null,
+    };
+  },
+  methods: {
+    ...mapActions([
+      'selectTask',
+    ]),
+    handleAssignClick() {
+      this.selectTask(this.taskId);
+    },
+    handleEditClick() {
+      this.$router.push({ path: `edit/${this.taskId}` });
+    },
+  },
+  mounted() {
+    const wavesurfer = WaveSurfer.create({
+      container: this.$refs.waveformcontainer,
+      waveColor: '#516281',
+      progressColor: '#8FCDC1',
+    });
+    this.$wavesurfer = wavesurfer;
+    wavesurfer.load('https://api.twilio.com/2010-04-01/Accounts/ACb1d198ab96bb32bc506f9ee5878839b4/Recordings/RE83d339e74e377ff8239b1eb4d2a2ec37.mp3?Download=true&_ga=2.5597747.1880444191.1584738286-826576866.1584738286');
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="scss">
+  .issue-card {
+    width: 100%;
+    max-width: 800px;
+    margin: 10px auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    position: relative;
+    overflow: hidden;
+
+    &--open {
+      background-color: #EDF2F7;
+      padding-left: 50px;
+    }
+
+    &--progress {
+      background-color: #FFF9EE;
+      padding-left: 50px;
+    }
+
+    &--closed {
+      background-color: #FFF0F7;
+      padding-left: 50px;
+    }
+
+    &__status-bar {
+      position: absolute;
+      height: 100%;
+      width: 20px;
+      left: 0;
+      top:0;
+
+      &--open {
+        background-color: #5B9989;
+      }
+
+      &--progress {
+        background-color: #DEB300;
+      }
+
+      &--closed {
+        background-color: #AA5B7B;
+      }
+    }
+
+    &__headline {
+      font-size: 30px;
+      margin: 10px 0;
+      padding: 0;
+    }
+
+    &__text {
+      text-align: left;
+      max-width: 500px;
+      margin: 0 0 20px;
+    }
+
+    &__record {
+      width: 100%;
+    }
+
+    &__btn {
+      @extend .button;
+      padding: 10px 10px 10px 20px;
+      margin-top: 20px;
+      border-radius: 30px;
+      align-self: flex-end;
+      display: flex;
+      align-items: center;
+
+      &__label {
+        padding-right: 10px;
+      }
+    }
+
+    &__answer {
+        border-radius: 15px;
+        width: 100%;
+        height: 150px;
+        outline: none;
+        padding: 10px;
+        border-color: #999;
+        color: #999;
+    }
+  }
+
+  .location {
+    &__icon {
+      margin-right: 10px;
+    }
+  }
+
+  .record {
+    display: flex;
+    align-items: center;
+
+    &__waveform {
+      flex-grow: 1;
+      margin-right: 20px;
+    }
+
+    &__playbutton {
+      @extend .button;
+      padding: 10px;
+      border-radius: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-shrink: 0;
+      flex-grow: 0;
+    }
+  }
+</style>
diff --git a/src/components/IssueCard.vue b/src/components/IssueCard.vue
index 4d9b294..589d572 100644
--- a/src/components/IssueCard.vue
+++ b/src/components/IssueCard.vue
@@ -19,11 +19,19 @@
       </button>
     </div>
     <button
-      class="issue-card__assign"
+      class="issue-card__btn"
       v-if="state === cardStates.UNASSIGNED"
-      @click="handleButtonClick"
+      @click="handleAssignClick"
     >
-      <span class="issue-card__assign__label">Übernehmen</span>
+      <span class="issue-card__btn__label">Übernehmen</span>
+      <img alt="add-icon" src="/img/icons/plus.svg">
+    </button>
+    <button
+      class="issue-card__btn"
+      v-if="state !== cardStates.UNASSIGNED"
+      @click="handleEditClick"
+    >
+      <span class="issue-card__btn__label">Bearbeiten</span>
       <img alt="add-icon" src="/img/icons/plus.svg">
     </button>
   </div>
@@ -32,7 +40,7 @@
 <script>
 import WaveSurfer from 'wavesurfer.js';
 import { mapActions } from 'vuex';
-import CardState from '../utils/CardStates';
+import cardStates from '../utils/cardStates';
 
 export default {
   name: 'IssueCard',
@@ -53,29 +61,32 @@ export default {
   computed: {
     issueCardState() {
       return {
-        'issue-card--open': this.state && this.state === CardState.OPEN,
-        'issue-card--progress': this.state && this.state === CardState.PROGRESS,
-        'issue-card--closed': this.state && this.state === CardState.CLOSED,
+        'issue-card--open': this.state && this.state === cardStates.OPEN,
+        'issue-card--progress': this.state && this.state === cardStates.PROGRESS,
+        'issue-card--closed': this.state && this.state === cardStates.CLOSED,
       };
     },
     statusBarState() {
       return {
-        'issue-card__status-bar--open': this.state && this.state === CardState.OPEN,
-        'issue-card__status-bar--progress': this.state && this.state === CardState.PROGRESS,
-        'issue-card__status-bar--closed': this.state && this.state === CardState.CLOSED,
+        'issue-card__status-bar--open': this.state && this.state === cardStates.OPEN,
+        'issue-card__status-bar--progress': this.state && this.state === cardStates.PROGRESS,
+        'issue-card__status-bar--closed': this.state && this.state === cardStates.CLOSED,
       };
     },
     cardStates() {
-      return CardState;
+      return cardStates;
     },
   },
   methods: {
     ...mapActions([
       'selectTask',
     ]),
-    handleButtonClick() {
+    handleAssignClick() {
       this.selectTask(this.taskId);
     },
+    handleEditClick() {
+      this.$router.push({ path: `edit/${this.taskId}` });
+    },
   },
   mounted() {
     const wavesurfer = WaveSurfer.create({
@@ -156,7 +167,7 @@ export default {
       width: 100%;
     }
 
-    &__assign {
+    &__btn {
       @extend .button;
       padding: 10px 10px 10px 20px;
       margin-top: 20px;
diff --git a/src/components/RegistrationForm.vue b/src/components/RegistrationForm.vue
index de78d3c..5287807 100644
--- a/src/components/RegistrationForm.vue
+++ b/src/components/RegistrationForm.vue
@@ -38,8 +38,8 @@ export default {
     ]),
     handleSubmit() {
       if (this.email) {
-        this.$router.push({ path: 'dashboard' });
         this.setEmail(this.email);
+        this.$router.push({ path: 'dashboard' });
       }
     },
   },
@@ -49,9 +49,9 @@ export default {
 <style lang="scss" scoped>
   .registation-form {
     &__heading {
+      font-size: 40px;
       margin: 0 0 15px;
     }
-
     &__input {
       border: none;
       padding: 5px 28px 5px 5px;
@@ -59,26 +59,23 @@ export default {
       font-style: italic;
       text-align: center;
       box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
+      outline: none;
     }
-
     &__button {
       border: none;
       border-radius: 100%;
       background: #8FCDC1;
       color: #fff;
       width: 28px;
-      height: 28px;
+      height: 29px;
       margin-left: -28px;
     }
-
     &__info {
       max-width: 300px;
-
       @media #{$desktop} {
         max-width: 400px;
       }
     }
-
     .plus-icon {
       vertical-align: middle;
       margin-top: -3px;
@@ -86,15 +83,14 @@ export default {
         sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
     }
   }
-
   .info {
     margin: 0 auto;
-
     &__heading {
+      font-size: 40px;
       margin: 0 0 15px;
     }
-
     &__text {
+      font-size: 16px;
       margin-bottom: 20px;
     }
   }
diff --git a/src/locales/de.json b/src/locales/de.json
index 8fcecc8..73dbd8d 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -20,7 +20,11 @@
   "dashboard": {
     "title": "Dashboard",
     "filter": "Filter",
-    "open_requests": "Offene Anfragen"
+    "open_requests": "Offene Anfragen",
+    "my_requests": "Offene Anfragen > Deine Anfragen",
+    "edit_request": "Offene Anfragen > Deine Anfragen > Bearbeiten",
+    "question_for_you": "Frage an dich",
+    "questions_for_you": "Fragen an dich"
   },
   "filter": {
     "zip": "PLZ",
diff --git a/src/router/index.js b/src/router/index.js
index a0dabeb..1f338b1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,10 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import Home from '../views/Home.vue';
+import Dashboard from '../views/Dashboard.vue';
+import MyTasks from '../views/MyTasks.vue';
+import AllTasks from '../views/AllTasks.vue';
+import EditTask from '../views/EditTask.vue';
 
 Vue.use(VueRouter);
 
@@ -13,7 +17,21 @@ const routes = [
   {
     path: '/dashboard',
     name: 'Dashboard',
-    component: () => import(/* webpackChunkName: "dashboard" */ '../views/Dashboard.vue'),
+    component: Dashboard,
+    children: [
+      {
+        path: '',
+        component: AllTasks,
+      },
+      {
+        path: 'mytasks',
+        component: MyTasks,
+      },
+      {
+        path: 'edit/:id',
+        component: EditTask,
+      },
+    ],
   },
   {
     path: '/impress',
diff --git a/src/store/index.js b/src/store/index.js
index 3c094b6..5b3c3e5 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,5 +1,6 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
+import cardStates from '../utils/cardStates';
 
 Vue.use(Vuex);
 
@@ -26,7 +27,10 @@ export default new Vuex.Store({
     },
     SELECT_TASK(state, taskId) {
       const selectedTask = state.tasks.find((task) => task.id === taskId);
-      state.selectedTasks = [...new Set([...state.selectedTasks, selectedTask])];
+      state.selectedTasks = [...new Set([...state.selectedTasks, selectedTask])].map((task) => ({
+        ...task,
+        status: cardStates.OPEN,
+      }));
     },
     SET_FILTER(state, { filterName, filterValue }) {
       state.filters[filterName] = filterValue;
@@ -68,6 +72,7 @@ export default new Vuex.Store({
     unassignedTasks: (state) => state.tasks.filter((task) => task.status === 'UNASSIGNED'),
     inProgressTasks: (state) => state.tasks.filter((task) => task.status === 'PROGRESS'),
     filteredTasks: (state) => state.filteredTasks,
+    isLoading: (state) => state.isLoading,
   },
   modules: {},
 });
diff --git a/src/views/AllTasks.vue b/src/views/AllTasks.vue
new file mode 100644
index 0000000..306f4df
--- /dev/null
+++ b/src/views/AllTasks.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h2 class="listings-content__title">
+      {{ $t('dashboard.open_requests')}}
+    </h2>
+    <div class="listings-content__loading" v-if="isLoading">Lade Anfragen...</div>
+    <IssueCard
+      v-for="task in filteredTasks" :key="task.id"
+      :taskId="task.id"
+      :headline="task.category"
+      :text="task.transcription"
+      :city="task.city"
+      :zip="task.zip"
+      :state="task.status"
+    />
+  </div>
+</template>
+
+<script>
+import IssueCard from '@/components/IssueCard.vue';
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'AllTasks',
+  components: { IssueCard },
+  computed: {
+    ...mapGetters([
+      'filteredTasks',
+      'isLoading',
+    ]),
+  },
+};
+</script>
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 9b2b65c..f154f5a 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="page-container dashboard">
-    <Header/>
-    <h1>{{ $t('dashboard.title') }}</h1>
+    <DashboardNavigation />
     <div class="dashboard-content">
       <div class="filter-bar">
         <h2>{{ $t('dashboard.filter')}}</h2>
@@ -36,17 +35,10 @@
       </div>
       <div class="listings">
         <header class="listings__title">
-          {{ $t('dashboard.open_requests')}}
+          {{ heading }}
         </header>
         <div class="listings__content listings-content">
-          <h2 class="listings-content__title">
-            {{ $t('dashboard.open_requests')}}
-          </h2>
-          <IssueCard v-for="task in filteredTasks"
-                     :text="task.transcription"
-                     :city="task.city" :zip="task.zip"
-                     :audiofile="audio" :state="task.status"
-                     :taskId="task.id" :key="task.id"/>
+          <router-view></router-view>
         </div>
       </div>
     </div>
@@ -54,26 +46,29 @@
 </template>
 
 <script>
-import { mapActions, mapGetters } from 'vuex';
-import IssueCard from '@/components/IssueCard.vue';
-import Header from '../components/Header.vue';
+import { mapActions } from 'vuex';
+import DashboardNavigation from '../components/DashboardNavigation.vue';
 
 export default {
   name: 'Dashboard',
+  components: { DashboardNavigation },
   methods: {
     ...mapActions([
       'setTasks',
     ]),
   },
-  components: {
-    Header,
-    IssueCard,
-  },
   computed: {
-    ...mapGetters([
-      'unassignedTasks',
-      'filteredTasks',
-    ]),
+    heading() {
+      let text = '';
+      if (this.$route.path.includes('mytasks')) {
+        text = this.$t('dashboard.my_requests');
+      } else if (this.$route.path.includes('edit')) {
+        text = this.$t('dashboard.edit_request');
+      } else {
+        text = this.$t('dashboard.open_requests');
+      }
+      return text;
+    },
   },
   data() {
     return {
@@ -127,7 +122,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
   .dashboard-content {
     width: 100%;
     display: flex;
@@ -172,6 +167,11 @@ export default {
       padding: 0;
       font-size: 36px;
     }
+
+    &__loading {
+      font-size: 20px;
+      margin-top: 50px;
+    }
   }
   .filter {
     display: inline-block;
diff --git a/src/views/EditTask.vue b/src/views/EditTask.vue
index c90fe40..3410e63 100644
--- a/src/views/EditTask.vue
+++ b/src/views/EditTask.vue
@@ -1,9 +1,33 @@
 <template>
-  <h1>asd</h1>
+  <div>
+    <h2 class="listings-content__title">
+      {{ $t('dashboard.question_for_you')}}
+    </h2>
+    <EditIssueCard
+      :taskId="task.id"
+      :headline="task.category"
+      :text="task.transcription"
+      :city="task.city"
+      :zip="task.zip"
+      :state="task.status"
+    />
+  </div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+import EditIssueCard from '@/components/EditIssueCard.vue';
+
 export default {
   name: 'EditTask',
+  components: { EditIssueCard },
+  computed: {
+    ...mapGetters([
+      'selectedTasks',
+    ]),
+    task() {
+      return this.selectedTasks.find((task) => task.id === Number(this.$route.params.id));
+    },
+  },
 };
 </script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 30cf105..0c4f129 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -37,31 +37,29 @@ export default {
     margin: 50px auto;
     padding: 0;
     max-width: 300px;
-
     @media #{$desktop} {
-      max-width: 400px;
+      max-width: 600px;
     }
-
     &__logo {
       flex: 1 1 100%;
       display: flex;
       justify-content: center;
     }
-
     &__text {
       flex: 1 1 100%;
       text-align: center;
+      font-size: 20px;
+      line-height: 1.5;
+      margin-top: 40px;
     }
   }
-
   .logo {
     margin-bottom: 10px;
-
     &__image {
       max-width: 50%;
-
       @media #{$desktop} {
-        max-width: 100%;
+        width: 100%;
+        max-width: 400px;
       }
     }
   }
diff --git a/src/views/MyTasks.vue b/src/views/MyTasks.vue
new file mode 100644
index 0000000..0b55ace
--- /dev/null
+++ b/src/views/MyTasks.vue
@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <h2 class="listings-content__title">
+      {{ $t('dashboard.questions_for_you')}}
+    </h2>
+    <IssueCard
+      v-for="task in selectedTasks" :key="task.id"
+      :taskId="task.id"
+      :headline="task.category"
+      :text="task.transcription"
+      :city="task.city"
+      :zip="task.zip"
+      :state="task.status"
+    />
+  </div>
+</template>
+
+<script>
+import IssueCard from '@/components/IssueCard.vue';
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'MyTasks',
+  components: { IssueCard },
+  computed: {
+    ...mapGetters([
+      'selectedTasks',
+    ]),
+  },
+};
+</script>