feat: new apps

fezcode · fezcode · commit 4ea6274e28ff · 2025-11-07T19:33:32.000+03:00
diff --git a/src/components/AnimatedRoutes.js b/src/components/AnimatedRoutes.js
@@ -21,6 +21,12 @@ import IpPage from '../pages/apps/IpPage';
 import WordCounterPage from '../pages/apps/WordCounterPage';
 import TournamentBracketPage from '../pages/apps/TournamentBracketPage';
 import CaseConverterPage from '../pages/apps/CaseConverterPage';
+import Base64ConverterPage from '../pages/apps/Base64ConverterPage';
+import UrlConverterPage from '../pages/apps/UrlConverterPage';
+import AsciiConverterPage from '../pages/apps/AsciiConverterPage';
+import HashGeneratorPage from '../pages/apps/HashGeneratorPage';
+import UuidGeneratorPage from '../pages/apps/UuidGeneratorPage';
+import ColorPaletteGeneratorPage from '../pages/apps/ColorPaletteGeneratorPage';
 
 import UsefulLinksPage from '../pages/UsefulLinksPage';
 
@@ -345,6 +351,90 @@ function AnimatedRoutes() {
             </motion.div>
           }
         />
+        <Route
+          path="/apps/base64-converter"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Base64ConverterPage />
+            </motion.div>
+          }
+        />
+        <Route
+          path="/apps/url-converter"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <UrlConverterPage />
+            </motion.div>
+          }
+        />
+        <Route
+          path="/apps/ascii-converter"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <AsciiConverterPage />
+            </motion.div>
+          }
+        />
+        <Route
+          path="/apps/hash-generator"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <HashGeneratorPage />
+            </motion.div>
+          }
+        />
+        <Route
+          path="/apps/uuid-generator"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <UuidGeneratorPage />
+            </motion.div>
+          }
+        />
+        <Route
+          path="/apps/color-palette-generator"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <ColorPaletteGeneratorPage />
+            </motion.div>
+          }
+        />
         {/* D&D specific 404 page */}
         <Route
           path="/dnd/*"
diff --git a/src/pages/AppPage.js b/src/pages/AppPage.js
@@ -20,11 +20,36 @@ const apps = [
     title: 'Case Converter',
     description: 'Convert text to different cases (e.g., uppercase, lowercase, camelCase).',
   },
-  // {
-  //   to: '/apps/ip',
-  //   title: 'Show my IP',
-  //   description: 'Display your public IP address.',
-  // },
+  {
+    to: '/apps/base64-converter',
+    title: 'Base64 Converter',
+    description: 'Encode and decode text to and from Base64 format.',
+  },
+  {
+    to: '/apps/url-converter',
+    title: 'URL Encoder/Decoder',
+    description: 'Encode and decode URL strings.',
+  },
+  {
+    to: '/apps/ascii-converter',
+    title: 'Text to ASCII Converter',
+    description: 'Convert text to ASCII codes and vice-versa.',
+  },
+  {
+    to: '/apps/hash-generator',
+    title: 'Hash Generator',
+    description: 'Generate SHA1, SHA256, and SHA512 hashes from text.',
+  },
+  {
+    to: '/apps/uuid-generator',
+    title: 'UUID Generator',
+    description: 'Generate UUID v4.',
+  },
+  {
+    to: '/apps/color-palette-generator',
+    title: 'Color Palette Generator',
+    description: 'Generate random color palettes.',
+  },
 ];
 
 function AppPage() {
