diff --git a/frontend/admin/src/components/utils/leftNav.vue b/frontend/admin/src/components/utils/leftNav.vue
index 88e10bf..d7742dc 100644
--- a/frontend/admin/src/components/utils/leftNav.vue
+++ b/frontend/admin/src/components/utils/leftNav.vue
@@ -1,13 +1,12 @@
 <template>
     <div id="left-nav">
         <ul class="list-group">
-            <li class="list-group-header">name</li>
-            <li class="list-group-item" v-link-active>
-                <a v-link="{path: '/user'}">{{ $t("nav.userManagement") }}</a>
-            </li>
-            <li class="list-group-item" v-link-active>
-                <a v-link="{path: '/announcement'}">{{ $t("nav.announcementManagement") }}</a>
-            </li>
+            <template v-for="item in adminNav">
+                <li class="list-group-header">{{ $t(item.groupName) }}</li>
+                <li class="list-group-item" v-link-active v-for="child in item.children">
+                    <a v-link="{path: child.link}">{{ $t(child.name) }}</a>
+                </li>
+            </template>
         </ul>
     </div>
 </template>
@@ -15,7 +14,21 @@
     export default {
         data() {
             return {
-                adminNav: [{}, {}]
+                adminNav: [
+                    {
+                        groupName: "nav.general",
+                        children: [
+                            {name: "nav.userManagement", link: "/user/1"},
+                            {name: "nav.announcementManagement", link: "/announcement/1"}
+                        ]
+                    },
+                    {
+                        groupName: "nav.problemManagement",
+                        children: [
+                            {name: "nav.createProblem", link: "/problem/create"},
+                            {name: "problem.problemList", link: "/problem/1"}]
+                    }
+                ]
             }
         }
     }