Bootstrap Kevin's Data-Toolbox

src/tools/ToolLoader.js

@@ -0,0 +1,19 @@
+import React, { lazy } from "react";
+import { useParams } from "react-router";
+import NotFoundPage from "../pages/NotFound";
+
+const HomePage = lazy(() => import('../pages/Home'));
+
+const ToolLoader = () => {
+    const {tool} = useParams();
+    
+    switch(tool) {
+        case "test":
+            return <HomePage/>;
+
+        default:
+            return <NotFoundPage/>;
+    }
+}
+
+export default ToolLoader;

src/tools/tools.json

@@ -0,0 +1,20 @@
+{
+    "tools": [
+        {
+            "name": "Test01",
+            "external": true,
+            "url": "https://kevink.dev",
+            "icon": "Smile",
+            "category": "osm",
+            "hidden": true
+        },
+        {
+            "name": "Test02",
+            "external": false,
+            "urlname": "test",
+            "icon": "Smile",
+            "category": "something",
+            "hidden": true
+        }
+    ]
+}