feat: data metric app

fezcode · fezcode · commit 4fefc70622a6 · 2026-01-18T23:43:29.000+03:00
diff --git a/public/apps/apps.json b/public/apps/apps.json
@@ -407,6 +407,14 @@
         "description": "Generative stream visualizer using technical symbol protocols and procedural noise fields.",
         "icon": "WindIcon",
         "created_at": "2025-12-20T18:00:00+03:00"
+      },
+      {
+        "slug": "data-prism",
+        "to": "/apps/data-prism",
+        "title": "Data Prism",
+        "description": "Transform raw datasets into high-fidelity Bauhaus visualizations and technical diagrams.",
+        "icon": "GraphIcon",
+        "created_at": "2026-01-18T18:00:00+03:00"
       }
     ]
   },
diff --git a/src/components/AnimatedRoutes.jsx b/src/components/AnimatedRoutes.jsx
@@ -108,6 +108,7 @@ const PosterLoomPage = lazy(() => import('../pages/apps/PosterLoomPage'));
 const MagazinerPage = lazy(() => import('../pages/apps/MagazinerPage'));
 const WallpaperEnginePage = lazy(() => import('../pages/apps/WallpaperEnginePage'));
 const SymbolFlowPage = lazy(() => import('../pages/apps/SymbolFlowPage'));
+const DataPrismPage = lazy(() => import('../pages/apps/DataPrismPage'));
 const JsMasterclassPage = lazy(() => import('../pages/apps/JsMasterclassPage'));
 const TierForgePage = lazy(() => import('../pages/apps/TierForgePage'));
 const FezGlyphPage = lazy(() => import('../pages/apps/FezGlyphPage'));
@@ -1117,7 +1118,6 @@ const AnimatedRoutes = ({
           path="/apps::pat"
           element={<Navigate to="/apps/pattern-generator" replace />}
         />
-        {/* End of hardcoded redirects */}
         <Route
           path="/apps::code"
           element={<Navigate to="/apps/codeblock-creator" replace />}
@@ -1126,6 +1126,11 @@ const AnimatedRoutes = ({
           path="/apps::stego"
           element={<Navigate to="/apps/steganography" replace />}
         />
+        <Route
+          path="/apps::metrics"
+          element={<Navigate to="/apps/data-prism" replace />}
+        />
+        {/* End of hardcoded redirects */}
         <Route
           path="/apps/steganography"
           element={
@@ -1142,6 +1147,22 @@ const AnimatedRoutes = ({
             </motion.div>
           }
         />
+        <Route
+          path="/apps/data-prism"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Suspense fallback={<Loading />}>
+                <DataPrismPage />
+              </Suspense>
+            </motion.div>
+          }
+        />
         <Route
           path="/apps/aether"
           element={
diff --git a/src/pages/apps/DataPrismPage.jsx b/src/pages/apps/DataPrismPage.jsx
