HH
Hiệp Hoàng

Inventory Dashboard - Copy this React, Tailwind Component to your project

{ "actionStatistics": [ { "_id": "IMPORT", "totalQuantity": 19220, "count": 66 }, { "_id": "EXPORT", "totalQuantity": 37, "count": 33 } ], "sparePartStatistics": [ { "_id": "67c857f8de2cf478acaa0b2e", "totalQuantity": 16086, "count": 9, "sparePartName": "Dây cắm âm thanh D R2", "inStock": 45929, "minimumStock": 12 }, { "_id": "67c857e6de2cf478acaa0b2c", "totalQuantity": 1351, "count": 9, "sparePartName": "Tụ Điện U900", "inStock": 3821, "minimumStock": 1 }, { "_id": "67c857d0de2cf478acaa01e7", "totalQuantity": 493, "count": 6, "sparePartName": "Đèn hình LED224", "inStock": 1394, "minimumStock": 10 }, { "_id": "67f77e4df425a03dd8e7d991", "totalQuantity": 189, "count": 6, "sparePartName": "Đây là test import excel", "inStock": 79, "minimumStock": 1 }, { "_id": "67f77fd612c3a373aa031e91", "totalQuantity": 145, "count": 12, "sparePartName": "Test Thôi", "inStock": 9, "minimumStock": 1 }, { "_id": "67f7806412c3a373aa031ea8", "totalQuantity": 144, "count": 16, "sparePartName": "in update kho 123", "inStock": 9, "minimumStock": 12 }, { "_id": "67c858f0de2cf478acaa0b49", "totalQuantity": 139, "count": 9, "sparePartName": "Main TV M72 V2", "inStock": 367, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d98b", "totalQuantity": 74, "count": 4, "sparePartName": "Trương Hoàng Hiệp", "inStock": 190, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d985", "totalQuantity": 73, "count": 4, "sparePartName": "Giày balenciaga", "inStock": 191, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d97f", "totalQuantity": 72, "count": 3, "sparePartName": "Giày balenciaga", "inStock": 192, "minimumStock": 1 }, { "sparePartName": "Khác", "totalQuantity": 191, "count": 18 } ], "inventoryDetails": [ { "_id": "67c857d0de2cf478acaa01e7", "name": "Đèn hình LED224", "inStock": 1394, "minimumStock": 10 }, { "_id": "67c857e6de2cf478acaa0b2c", "name": "Tụ Điện U900", "inStock": 3821, "minimumStock": 1 }, { "_id": "67c857f8de2cf478acaa0b2e", "name": "Dây cắm âm thanh D R2", "inStock": 45929, "minimumStock": 12 }, { "_id": "67c858f0de2cf478acaa0b49", "name": "Main TV M72 V2", "inStock": 367, "minimumStock": 1 }, { "_id": "67c859d9de2cf478acaa0c71", "name": "Đây là test import excel", "inStock": 204, "minimumStock": 1 }, { "_id": "67ed7adb6cd2bf06dac791b2", "name": "Đây là test import excel", "inStock": 4, "minimumStock": 1 }, { "_id": "67f7779b4af0cd1e7f83ba0a", "name": "Trương Hoàng Hiệp", "inStock": 46, "minimumStock": 1 }, { "_id": "67f7788a9cf59084fd51d0dd", "name": "Giày balenciaga", "inStock": 48, "minimumStock": 1 }, { "_id": "67f7790129cba7b7acd3490f", "name": "Giày balenciaga", "inStock": 84, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d97f", "name": "Giày balenciaga", "inStock": 192, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d985", "name": "Giày balenciaga", "inStock": 191, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d98b", "name": "Trương Hoàng Hiệp", "inStock": 190, "minimumStock": 1 }, { "_id": "67f77e4df425a03dd8e7d991", "name": "Đây là test import excel", "inStock": 79, "minimumStock": 1 }, { "_id": "67f77fd612c3a373aa031e91", "name": "Test Thôi", "inStock": 9, "minimumStock": 1 }, { "_id": "67f7806412c3a373aa031ea8", "name": "in update kho 123", "inStock": 9, "minimumStock": 12 }, { "_id": "67ffc466311bb662dab7f841", "name": "roleNameUpdate", "inStock": 12, "minimumStock": 1 }, { "_id": "67ffc521311bb662dab7f858", "name": "IMPORTROLENAME", "inStock": 13, "minimumStock": 12 }, { "_id": "67ffc703311bb662dab80e26", "name": "TESTADDUPDATE", "inStock": 12, "minimumStock": 1 } ], "performedByStatistics": [ { "_id": "67cf9ea8638787184cb83ee4", "totalQuantity": 18875, "count": 45, "userName": "Nguyễn Văn Bát" }, { "_id": "67c1cef8f83c18ba7dc9d058", "totalQuantity": 296, "count": 23, "userName": "Nguyen Ngoc" }, { "_id": "67cfa4d9638787184cb8c020", "totalQuantity": 6, "count": 4, "userName": "Trường Vũ Văn" }, { "_id": "67f75ce383cc6351c2a365a9", "totalQuantity": 24, "count": 2, "userName": "Quản Lý Kho" }, { "_id": "67f6024bf475a9eb32e07395", "totalQuantity": 56, "count": 25, "userName": "Kỹ Thuật Viên" } ], "timeStatistics": [ { "_id": { "year": 2025, "month": 4, "day": 10 }, "totalQuantity": 18849, "count": 58 }, { "_id": { "year": 2025, "month": 4, "day": 11 }, "totalQuantity": 4, "count": 3 }, { "_id": { "year": 2025, "month": 4, "day": 12 }, "totalQuantity": 23, "count": 2 }, { "_id": { "year": 2025, "month": 4, "day": 13 }, "totalQuantity": 23, "count": 4 }, { "_id": { "year": 2025, "month": 4, "day": 14 }, "totalQuantity": 54, "count": 12 }, { "_id": { "year": 2025, "month": 4, "day": 15 }, "totalQuantity": 30, "count": 6 }, { "_id": { "year": 2025, "month": 4, "day": 16 }, "totalQuantity": 274, "count": 14 } ], "totalStatistics": { "_id": null, "totalImport": 19220, "totalExport": 37 } } help me complete statistics

Prompt
Component Preview

About

InventoryDashboard - Track imports, exports, and spare parts with detailed statistics and user performance. Built with React and Tail. Copy component code!

Share

Last updated 1 month ago