diff --git a/components/CategoryPage.vue b/components/CategoryPage.vue
deleted file mode 100644
index 7336dd0..0000000
--- a/components/CategoryPage.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template lang="pug">
-  div
-    h1 {{ resources.title }}
-    .cards
-      template(v-for='resource in resources.resources')
-        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
-</template>
-
-<script>
-import Card from './Card'
-
-export default {
-  props: ["resources"],
-  components: {
-    Card
-  },
-}
-</script>
-
diff --git a/pages/_category.vue b/pages/_category.vue
new file mode 100644
index 0000000..73b5bf9
--- /dev/null
+++ b/pages/_category.vue
@@ -0,0 +1,27 @@
+<template lang="pug">
+  div
+    h1 {{ category.title }}
+    .cards
+      template(v-for='resource in category.resources')
+        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
+</template>
+
+<script>
+import store from '../store.json'
+import Card from '../components/Card'
+
+export default {
+  data () {
+    return {
+      categoryTitle: this.$route.params.category,
+      categories: store,
+    }
+  },
+  computed: {
+    category() {      
+      return this.categories.find(category => category.title.toLowerCase() === this.categoryTitle.toLowerCase())
+    }
+  },
+  components: { Card, },
+}
+</script>
diff --git a/pages/communities/index.vue b/pages/communities/index.vue
deleted file mode 100644
index f258904..0000000
--- a/pages/communities/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'communities')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/css/index.vue b/pages/css/index.vue
deleted file mode 100644
index 7115ad8..0000000
--- a/pages/css/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'css')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/daily/index.vue b/pages/daily/index.vue
deleted file mode 100644
index ef1b175..0000000
--- a/pages/daily/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'daily')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/design/index.vue b/pages/design/index.vue
deleted file mode 100644
index c2afb04..0000000
--- a/pages/design/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'design')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/frontend/index.vue b/pages/frontend/index.vue
deleted file mode 100644
index 594d95f..0000000
--- a/pages/frontend/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'frontend')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/fullstack/index.vue b/pages/fullstack/index.vue
deleted file mode 100644
index 7af3af2..0000000
--- a/pages/fullstack/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'fullstack')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/general/index.vue b/pages/general/index.vue
deleted file mode 100644
index d44c547..0000000
--- a/pages/general/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'general')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/html/index.vue b/pages/html/index.vue
deleted file mode 100644
index 98bdfaa..0000000
--- a/pages/html/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'html')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/javascript/index.vue b/pages/javascript/index.vue
deleted file mode 100644
index 0c16f32..0000000
--- a/pages/javascript/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'javascript')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/php/index.vue b/pages/php/index.vue
deleted file mode 100644
index 0b769a4..0000000
--- a/pages/php/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'php')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/server/index.vue b/pages/server/index.vue
deleted file mode 100644
index a62e066..0000000
--- a/pages/server/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'server')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/tools/index.vue b/pages/tools/index.vue
deleted file mode 100644
index ba286d9..0000000
--- a/pages/tools/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'tools')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>