diff --git a/src/components/Discover/Performance/ProformanceView.vue b/src/components/Discover/Performance/ProformanceView.vue
new file mode 100644
index 0000000..8a0bbdc
--- /dev/null
+++ b/src/components/Discover/Performance/ProformanceView.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h2>ProformanceView</h2>
+  </div>
+</template>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 83b0a18..53af0c0 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -83,7 +83,7 @@ export default {
         // FILES: ['ALL', 'DISCOVER', 'COMPARE', 'DESIGN'],
         FILES: ['ALL', 'DISCOVER'],
         // DISCOVER: ['MAP', 'CONFORMANCE', 'PERFORMANCE', 'DATA']
-        DISCOVER: ['MAP', 'CONFORMANCE']
+        DISCOVER: ['MAP', 'CONFORMANCE', 'PERFORMANCE']
       },
       navViewName: 'FILES',
       isActive: null,
@@ -136,13 +136,27 @@ export default {
         case 'DISCOVER':
           type = this.$route.params.type;
           fileId = this.$route.params.fileId;
-          if(event.target.innerText === 'MAP') {
-            if(type === 'rule') this.$router.push({name: 'CheckMap'});
-            else this.$router.push({name: 'Map', params: { type: type, fileId: fileId }});
-          } else if(event.target.innerText === 'CONFORMANCE') {
-            if(type === 'rule') this.$router.push({name: 'CheckConformance'});
-            else this.$router.push({name: 'Conformance', params: { type: type, fileId: fileId }});
+
+          switch (event.target.innerText) {
+            case 'MAP':
+              if(type === 'rule') this.$router.push({name: 'CheckMap'});
+              else this.$router.push({name: 'Map', params: { type: type, fileId: fileId }});
+              break;
+            case 'CONFORMANCE':
+              if(type === 'rule') this.$router.push({name: 'CheckConformance'});
+              else this.$router.push({name: 'Conformance', params: { type: type, fileId: fileId }});
+              break
+            case 'PERFORMANCE':
+              this.$router.push({name: 'Performance'});
+              break;
           }
+          // if(event.target.innerText === 'MAP') {
+          //   if(type === 'rule') this.$router.push({name: 'CheckMap'});
+          //   else this.$router.push({name: 'Map', params: { type: type, fileId: fileId }});
+          // } else if(event.target.innerText === 'CONFORMANCE') {
+          //   if(type === 'rule') this.$router.push({name: 'CheckConformance'});
+          //   else this.$router.push({name: 'Conformance', params: { type: type, fileId: fileId }});
+          // }
           break;
       }
     },
@@ -158,11 +172,14 @@ export default {
           switch (name) {
             case 'Map':
             case 'CheckMap':
-              this.isActive = 'MAP'
+              this.isActive = 'MAP';
               break;
             case 'Conformance':
             case 'CheckConformance':
-              this.isActive = 'CONFORMANCE'
+              this.isActive = 'CONFORMANCE';
+              break;
+            case 'Performanc':
+              this.isActive = 'PERFORMANCE';
               break;
           }
           break;
diff --git a/src/router/index.js b/src/router/index.js
index a8aa792..e764c68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,6 +6,7 @@ import Files from '@/views/Files/index.vue';
 import Upload from '@/views/Upload/index.vue';
 import Map from '@/views/Discover/Map/index.vue';
 import Conformance from '@/views/Discover/Conformance/index.vue';
+import Performance from '@/views/Discover/Performance/index.vue';
 import MemberArea from '@/views/MemberArea/index.vue';
 import NotFound404 from '@/views/NotFound404.vue';
 
@@ -78,6 +79,11 @@ const routes = [
             component: Conformance,
             props: true,
           },
+          {
+            path: "/discover/performance/:type/:fileId",
+            name: "Performance",
+            component: Performance,
+          }
         ]
       },
     ]
diff --git a/src/views/Discover/Performance/index.vue b/src/views/Discover/Performance/index.vue
new file mode 100644
index 0000000..02db647
--- /dev/null
+++ b/src/views/Discover/Performance/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h2>ProformanceIndex</h2>
+  </div>
+</template>