diff --git a/web/src/views/NavBar.vue b/web/src/views/NavBar.vue
new file mode 100644
index 0000000..99f1f60
--- /dev/null
+++ b/web/src/views/NavBar.vue
@@ -0,0 +1,5 @@
+<template>
+
+</template>
+<script lang="ts" src="./nav-bar.ts"></script>
+<style lang="scss" src="./nav-bar.scss"></style>
diff --git a/web/src/views/nav-bar.scss b/web/src/views/nav-bar.scss
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/views/nav-bar.ts b/web/src/views/nav-bar.ts
new file mode 100644
index 0000000..588ba66
--- /dev/null
+++ b/web/src/views/nav-bar.ts
@@ -0,0 +1,6 @@
+import { Component, Vue } from 'vue-property-decorator';
+@Component({
+  components: {
+  }
+})
+export default class NavBar extends Vue {}