website: change coding URLs

contents/algorithms.md

@@ -1,5 +1,6 @@
 ---
 title: Front end algorithms
+slug: coding/algorithms
 sidebar_label: Algorithms
 ---
 

contents/build-user-interfaces.md

@@ -1,5 +1,6 @@
 ---
 title: Build front end user interfaces
+slug: coding/build-user-interfaces
 sidebar_label: Build user interfaces
 ---
 

contents/utility-function.md

@@ -1,11 +1,12 @@
 ---
 title: Front end utility functions
+slug: coding/utility-function
 sidebar_label: Utility functions
 ---
 
 These are the front-end version of LeetCode questions, but with less emphasis on complicated algorithms and more focused on practical use cases. However, they could also be questions simply being the same LeetCode problem but you are required to answer in JavaScript.
 
-Almost all existing utilty functions you will be asked exist within the JavaScript language or famous third-party libraries like Lodash/Underscore, with the most famous being `debounce` and `throttle`. However, Lodash's implementation is extremely over-engineered - reusing a lot of abstract functions and supporting weird and obscure use cases for older browsers and you're not expected to produce such level of complexity in an interview.
+Almost all existing utility functions you will be asked exist within the JavaScript language or famous third-party libraries like Lodash/Underscore, with the most famous being `debounce` and `throttle`. However, Lodash's implementation is extremely over-engineered - reusing a lot of abstract functions and supporting weird and obscure use cases for older browsers and you're not expected to produce such level of complexity in an interview.
 
 ## Basic examples
 

website/docusaurus.config.js

@@ -67,37 +67,58 @@ module.exports = {
           items: [
             {
               label: 'Get started',
-              href: '/introduction',
+              href: '/introduction/',
             },
-            {
-              label: 'Blog',
-              href: '/blog',
-            },
-          ],
-        },
-        {
-          title: 'Interviews',
-          items: [
             {
               label: 'Pop quiz',
-              href: '/pop-quiz',
-            },
-            {
-              label: 'Coding round',
-              href: '/coding',
-            },
-            {
-              label: 'System design',
-              href: '/front-end-system-design',
+              href: '/pop-quiz/',
             },
             {
               label: 'Behavioral round',
-              href: '/behavioral',
+              href: '/behavioral/',
+            },
+            {
+              label: 'Blog',
+              href: '/blog/',
             },
           ],
         },
         {
-          title: 'About',
+          title: 'Coding',
+          items: [
+            {
+              label: 'Algorithms',
+              href: '/coding/algorithms/',
+            },
+            {
+              label: 'Utility function',
+              href: '/coding/utility-function/',
+            },
+            {
+              label: 'User interfaces',
+              href: '/coding/build-user-interfaces/',
+            },
+          ],
+        },
+        {
+          title: 'System design',
+          items: [
+            {
+              label: 'System design overview',
+              href: '/front-end-system-design/',
+            },
+            {
+              label: 'UI components',
+              href: '/front-end-system-design/ui-components/',
+            },
+            {
+              label: 'Applications',
+              href: '/front-end-system-design/applications/',
+            },
+          ],
+        },
+        {
+          title: 'More',
           items: [
             {
               label: 'GitHub',
@@ -111,11 +132,6 @@ module.exports = {
               label: 'Twitter',
               href: 'https://twitter.com/yangshunz',
             },
-          ],
-        },
-        {
-          title: 'More',
-          items: [
             {
               label: 'Contact us',
               href: 'mailto:contact@techinterviewhandbook.org',

website/vercel.json

@@ -1,5 +1,32 @@
 {
   "github": {
     "silent": true
-  }
+  },
+  "trailingSlash": false,
+  "redirects": [
+    {
+      "source": "/algorithms",
+      "destination": "/coding/algorithms/"
+    },
+    {
+      "source": "/algorithms/",
+      "destination": "/coding/algorithms/"
+    },
+    {
+      "source": "/utility-function",
+      "destination": "/coding/utility-function/"
+    },
+    {
+      "source": "/utility-function/",
+      "destination": "/coding/utility-function/"
+    },
+    {
+      "source": "/build-user-interfaces",
+      "destination": "/coding/build-user-interfaces/"
+    },
+    {
+      "source": "/build-user-interfaces/",
+      "destination": "/coding/build-user-interfaces/"
+    }
+  ]
 }