diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index ded9557d..9581add8 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -22,6 +22,7 @@
     <!-- New Project -->
     <button
       class="fixed right-6 bottom-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"
+      @click="onClickNewProject()"
     >
       <fa icon="plus" class="fa-fw"></fa>
     </button>
@@ -87,3 +88,20 @@
     </ul>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {},
+})
+export default class ProjectsView extends Vue {
+  onClickNewProject(): void {
+    const route = {
+      name: "new-edit-project",
+    };
+    console.log(route);
+    this.$router.push(route);
+  }
+}
+</script>