diff --git a/public/js/vue/app.js b/public/js/vue/app.js
index a4862b41..39a64aa3 100644
--- a/public/js/vue/app.js
+++ b/public/js/vue/app.js
@@ -2336,6 +2336,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         icon: 'fas fa-vial',
         text: 'List Test Type',
         role: 'Admin'
+      }, {
+        to: {
+          name: 'AllItem'
+        },
+        icon: 'done',
+        text: 'Items',
+        role: 'Admin'
       }, {
         to: {
           name: 'AllPackage'
diff --git a/resources/js/vue/components/core/Drawer.vue b/resources/js/vue/components/core/Drawer.vue
index 9c776266..9f1a4068 100644
--- a/resources/js/vue/components/core/Drawer.vue
+++ b/resources/js/vue/components/core/Drawer.vue
@@ -115,6 +115,12 @@ export default {
         text: 'List Test Type',
         role: 'Admin'
       },
+      {
+        to: {name: 'AllItem'},
+        icon: 'done',
+        text: 'Items',
+        role: 'Admin'
+      },
       {
         to: {name: 'AllPackage'},
         icon: 'done',
diff --git a/routes/api.php b/routes/api.php
index c09e59ff..c7d6b1ba 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -45,6 +45,7 @@ Route::middleware('auth:api')->group(function () {
     Route::resource('Users', 'UserController');
 
 
+    Route::resource('Items', 'ItemController');
     Route::resource('Packages', 'PackageController');
     Route::resource('Messages', 'MessageController');
     Route::delete('Messages/User/{User}', 'MessageController@destroyUserMessages');