diff --git a/web/src/router/index.js b/web/src/router/index.js
index 52ee0c1..6c9e3f0 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Signup from '../views/Signup.vue'
 import Signin from '../views/Signin.vue'
+import NoteCreation from '../views/NoteCreation.vue'
 
 Vue.use(VueRouter)
 
@@ -21,6 +22,11 @@ const routes = [
         path: '/signin',
         name: 'Signin',
         component: Signin
+    },
+    {
+        path: '/note/new',
+        name: 'NoteCreation',
+        component: NoteCreation
     }
 ]
 
diff --git a/web/src/views/NoteCreation.vue b/web/src/views/NoteCreation.vue
new file mode 100644
index 0000000..73387a0
--- /dev/null
+++ b/web/src/views/NoteCreation.vue
@@ -0,0 +1,19 @@
+<template>
+    <div id="app">
+        <Navbar/>
+        <b-container class="mt-5">
+            <SigninForm/>
+        </b-container>
+    </div>
+</template>
+
+<script>
+    import Navbar from "@/components/Navbar";
+
+    export default {
+        name: 'Home',
+        components: {
+            Navbar
+        }
+    }
+</script>
\ No newline at end of file