diff --git a/app/models/application.php b/app/models/application.php
index 42d91ac582a43b64fed0128b400a2290964cb457..9ab67c2d3cde6fc527fa06dd79547301beb8aa04 100644
--- a/app/models/application.php
+++ b/app/models/application.php
@@ -26,14 +26,15 @@ class Application{
 
                     $user_id_student = $response->return[$i]->user_id_student;
                     $user_id_scholarship = $response->return[$i]->user_id_scholarship;
-                    $scholarship_id = $response->return[$i]->scholarship_id_php;
+                    $scholarship_id_php = $response->return[$i]->scholarship_id_php;
+                    $scholarship_id_rest = $response->return[$i]->scholarship_id_rest;
                     $status = $response->return[$i]->status;
 
-                    $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
+                    $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id as scholarship_id_php, ? as scholarship_id_rest, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
 
                     $stmt = $this->db->setSTMT($query);
 
-                    mysqli_stmt_bind_param($stmt, "isii", $user_id_student, $status, $user_id_scholarship, $scholarship_id);
+                    mysqli_stmt_bind_param($stmt, "iisii", $user_id_student, $scholarship_id_rest, $status, $user_id_scholarship, $scholarship_id_php);
 
                     mysqli_stmt_execute($stmt);
 
@@ -49,13 +50,14 @@ class Application{
 
                 $user_id_student = $returnElement->user_id_student;
                 $user_id_scholarship = $returnElement->user_id_scholarship;
-                $scholarship_id = $returnElement->scholarship_id_php;
+                $scholarship_id_php = $returnElement->scholarship_id_php;
+                $scholarship_id_rest = $returnElement->scholarship_id_rest;
                 $status = $returnElement->status;
 
-                $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
+                $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id as scholarship_id_php, title, description, coverage, ? as scholarship_id_rest, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
                 $stmt = $this->db->setSTMT($query);
 
-                mysqli_stmt_bind_param($stmt, "isii", $user_id_student, $status, $user_id_scholarship, $scholarship_id);
+                mysqli_stmt_bind_param($stmt, "iisii", $user_id_student, $scholarship_id_rest, $status, $user_id_scholarship, $scholarship_id_php);
                 mysqli_stmt_execute($stmt);
 
                 $result = mysqli_stmt_get_result($stmt);
diff --git a/app/views/assignments/index.php b/app/views/assignments/index.php
index a57101341c97fb4c6c004ea20a7af6db0abb0b99..cc9eb0ee7762b60552a6912df8b66406f50954ce 100644
--- a/app/views/assignments/index.php
+++ b/app/views/assignments/index.php
@@ -9,6 +9,6 @@
 </div>
 
 <script>
-    const assignmentsData = <?php echo $data['assignments'];?>
+    const sid = <?php echo $_GET['sid'];?>
 </script>
 <script src="/public/js/assignments.js"></script>
\ No newline at end of file
diff --git a/app/views/assignments/submit.php b/app/views/assignments/submit.php
index adf0acc8fe79de1da293cb6bf493da342fa75269..decc23ce27ecd3e1c68acba9aaa96b1049d0c011 100644
--- a/app/views/assignments/submit.php
+++ b/app/views/assignments/submit.php
@@ -1,5 +1,6 @@
 <div class="add-document">
-    <h1>Assignment Submission</h1>
+    <h1 id="assignment_name"></h1>
+    <p id="description"></p>
     <div class="form">
         <form action="javascript:;" onsubmit="return submitForm()" enctype="multipart/form-data">
             <div class="input-container">
@@ -12,4 +13,10 @@
             </div>
         </form>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+    var sid = <?php echo $_GET['sid'];?>;
+    var aid = <?php echo $_GET['aid'];?>;
+</script>
+<script src="/public/js/submit.js"></script>
\ No newline at end of file
diff --git a/app/views/navbar/index.php b/app/views/navbar/index.php
index e6e6644093929212526609c9a7fa774105a0a5a1..29a76ee995f7e983dea2771da9c8c2696d09363a 100644
--- a/app/views/navbar/index.php
+++ b/app/views/navbar/index.php
@@ -19,13 +19,7 @@
                     <li><a href="/dashboard">Dashboard</a></li>
                     <li><a href="/scholarships">Scholarships</a></li>
                     <li><a href="/bookmarks">Bookmarks</a></li>
-                    <div class="dropdown">
-                        <a class="dropdownHead">Applications<span class="arrow-down-nav"></span></a>
-                        <div class="dropdown-content">
-                            <a href="/applications">Scholarship Applications</a>
-                            <a href="/assignments">Assignments</a>
-                        </div>
-                    </div>
+                    <li><a href="/applications">Applications</a></li>
                     <div class="dropdown">
                         <a class="dropdownHead">Document Preparation<span class="arrow-down-nav"></span></a>
                         <div class="dropdown-content">
diff --git a/public/js/applications.js b/public/js/applications.js
index e1dac0d00eb386dff7a7943e0d41702e4c66bfaf..b81dc95e3d86c2cafa7f6ee8d71083b756ac4b1c 100644
--- a/public/js/applications.js
+++ b/public/js/applications.js
@@ -20,7 +20,7 @@ const getApplications = () => {
                         <td class="comment">${element.description}</td>
                         <td class="comment">$${element.coverage.toLocaleString("id-ID")}</td>
                         <td class="comment">${element.status}</td>
-                        ${element.status == 'accepted' ? '<td class="comment"><button class="button-style" onclick="">View Assignments</button></td>' : ''}
+                        <td class="comment"><button class="button-style" onclick="viewAssignments(${element.scholarship_id_rest})">View Assignments</button></td>
                     </tr>`
                     // To-Do: Create a Function to move to /assignments. Pass along the user_id_student, user_id_scholarship, and scholarship_id
                     scholarshipsTableBody.innerHTML += row;
@@ -37,4 +37,8 @@ const getApplications = () => {
     xhr.send()
 }
 
+const viewAssignments = (sid) => {
+    window.location.href=`/assignments?sid=${sid}`
+}
+
 document.addEventListener("DOMContentLoaded", getApplications);
\ No newline at end of file
diff --git a/public/js/assignments.js b/public/js/assignments.js
index e1c70b02e05d8e4e4b2355ee80f8851013343605..35ffe7887e1f67af59b1074754954e1c8830a8e2 100644
--- a/public/js/assignments.js
+++ b/public/js/assignments.js
@@ -6,7 +6,7 @@ function renderAssignments(){
     const element = document.getElementById("content");
 
     const xhr = new XMLHttpRequest();
-    xhr.open("GET", "http://localhost:5000/api/assignment")
+    xhr.open("GET", `http://localhost:5000/api/assignment/${sid}`)
 
     xhr.onload = () => {
         const res = JSON.parse(xhr.response);
@@ -14,23 +14,18 @@ function renderAssignments(){
         console.log(res.data);
         element.innerHTML = '';
         if (res.status === 'success') {
-            assignmentsData.forEach((assignmentData) => {
-                /* For elements in the assignmentsData, match the id on res.data */
-                console.log(assignmentData.scholarship_id_rest)
-                const matchingAssignment = res.data.find((assignment) => assignment.scholarship_id === assignmentData.scholarship_id_rest);
-
-                if(matchingAssignment){
+            if(res.data.length === 0){
+                element.innerHTML = "No Assignments Found";
+            }else{
+                res.data.forEach(el => {
                     element.innerHTML += `
                     <div class="box">   
-                        <h2 class="name">${matchingAssignment.assignment_name} - ${matchingAssignment.scholarship_name}</h2>
-                        <div class="attribute">Description: ${matchingAssignment.assignment_description}</div>
-                        <button class="btn btn-primary" onclick="openAssignment(${matchingAssignment.scholarship_id}, ${matchingAssignment.assignment_id})">Submit</button>
+                        <h2 class="name">${el.assignment_name}</h2>
+                        <button class="btn btn-primary" onclick="openAssignment(${el.scholarship_id}, ${el.assignment_id})">Submit</button>
                     </div>
                     `;
-                }
-            })
-            // element.innerHTML = "";
-
+                });
+            }
         } else {
             alertModal.style.display = "block";
         }
diff --git a/public/js/submit.js b/public/js/submit.js
new file mode 100644
index 0000000000000000000000000000000000000000..d7efc0d4de69c15d1c65ad2b6b3ebc1d26a91a5d
--- /dev/null
+++ b/public/js/submit.js
@@ -0,0 +1,22 @@
+const render = () => {
+    const xhr = new XMLHttpRequest();
+    xhr.open("GET", `http://localhost:5000/api/assignment/${sid}/${aid}`)
+
+    xhr.onload = () => {
+        const res = JSON.parse(xhr.response);
+        console.log(res.data);
+
+        if (res.status === 'success') {
+
+            title.innerHTML = res.data.assignment_name
+            description.innerHTML = res.data.assignment_description
+
+        }
+    }
+
+    xhr.send()
+}
+const title = document.getElementById("assignment_name");
+const description = document.getElementById("description");
+
+document.addEventListener("DOMContentLoaded", render);
\ No newline at end of file