diff --git a/src/router/index.jsx b/src/router/index.jsx
index 3b96af6..a3efdb0 100644
--- a/src/router/index.jsx
+++ b/src/router/index.jsx
@@ -2,6 +2,8 @@ import { lazy } from 'react'
 
 const Overview = lazy(() => import('../views/Overview'))
 const Search = lazy(() => import('../views/Search'))
+const AllMaterial = lazy(() => import('../views/AllMaterial'))
+const MaterialKind = lazy(() => import('../views/MaterialKind'))
 
 const routes = [
   {
@@ -12,6 +14,14 @@ const routes = [
     path: '/search',
     element: <Search />,
   },
+  {
+    path: '/all_material',
+    element: <AllMaterial />,
+  },
+  {
+    path: '/material_kind',
+    element: <MaterialKind />,
+  },
 ]
 
 export default routes
diff --git a/src/views/AllMaterial/index.jsx b/src/views/AllMaterial/index.jsx
new file mode 100644
index 0000000..6a73bc0
--- /dev/null
+++ b/src/views/AllMaterial/index.jsx
@@ -0,0 +1,5 @@
+function AllMaterial() {
+  return <div>123</div>
+}
+
+export default AllMaterial
diff --git a/src/views/MaterialKind/index.jsx b/src/views/MaterialKind/index.jsx
new file mode 100644
index 0000000..cf8932e
--- /dev/null
+++ b/src/views/MaterialKind/index.jsx
@@ -0,0 +1,5 @@
+function MaterialKind() {
+  return <div>123</div>
+}
+
+export default MaterialKind