diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 575fb9b1..56c3cb31 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -52,6 +52,7 @@
             <div>
                 <img
                     class="dwengo_logo"
+                    alt="Dwengo logo"
                     :src="dwengoLogo"
                 />
                 <p
@@ -158,6 +159,34 @@
         >{{ initials }}</v-avatar
         >
     </v-app-bar>
+    <v-navigation-drawer
+        v-model="drawer"
+        temporary
+        app
+    >
+        <v-list>
+            <v-list-item
+                to="/user/assignment"
+                link
+            >
+                <v-list-item-title class="menu_item">{{ t("assignments") }}</v-list-item-title>
+            </v-list-item>
+
+            <v-list-item
+                to="/user/class"
+                link
+            >
+                <v-list-item-title class="menu_item">{{ t("classes") }}</v-list-item-title>
+            </v-list-item>
+
+            <v-list-item
+                to="/user/discussion"
+                link
+            >
+                <v-list-item-title class="menu_item">{{ t("discussions") }}</v-list-item-title>
+            </v-list-item>
+        </v-list>
+    </v-navigation-drawer>
 </template>
 
 <style scoped>
@@ -175,11 +204,6 @@
         font-weight: bold;
     }
 
-    .right {
-        align-items: center;
-        padding: 10px;
-    }
-
     .right li {
         margin-left: 15px;
     }
@@ -218,10 +242,6 @@
         text-transform: none;
     }
 
-    nav a.router-link-active {
-        font-weight: bold;
-    }
-
     @media (max-width: 700px) {
         .menu {
             display: none;