diff --git a/src/components/ItemCard.vue b/src/components/ItemCard.vue
new file mode 100644
index 0000000000000000000000000000000000000000..083f3e2e23e4d23f1bfedf877810545f910bd1ca
--- /dev/null
+++ b/src/components/ItemCard.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "ItemCard.vue"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 60092e1c5e803da4eabd0b318bfc3eb2460e25c9..f2ed75ce0d0662a728e0f8b69d4f830e51626ef9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -22,7 +22,13 @@ const routes = [
     path: "/login",
     name: "login",
     component: LoginView,
-  }
+  },
+  {
+    path: "/item-card",
+    name: "itemView",
+    component: () =>
+        import("../views/ItemCardView.vue"),
+  },
 ];
 
 const router = createRouter({
diff --git a/src/views/ItemCardView.vue b/src/views/ItemCardView.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f55c8408c6824bab3d63edd84b4e6fb835eb83fd
--- /dev/null
+++ b/src/views/ItemCardView.vue
@@ -0,0 +1,17 @@
+<template>
+
+</template>
+
+<script>
+import ItemCard from "@/components/ItemCard";
+export default {
+  name: "ItemCardView.vue",
+  components: {
+    ItemCard,
+  },
+}
+</script>
+
+<style scoped>
+
+</style>