diff --git a/components/teacherDashboard.js b/components/teacherDashboard.js
index 73bca49..75a7f07 100644
--- a/components/teacherDashboard.js
+++ b/components/teacherDashboard.js
@@ -32,6 +32,8 @@ export class TeacherDashboard extends React.Component {
             },
             teacherStudentComponent: {
                 currentUserDoc: this.props.currentUserDoc,
+                individualStudentEditClicked: false,
+                individualEditStudentInformation: null,
             },
         }
         this.handleMenuClick = this.handleMenuClick.bind(this);
@@ -50,11 +52,31 @@ export class TeacherDashboard extends React.Component {
         console.log(this.state.teacherStudentComponent.currentUserDoc);
     }
 
+    /* teacherStudentComponent functions */
     teacherStudentComponentHandleTeacherStudentClick = (e) => {
         console.log("im in teacherStudentComponentHandleTeacherStudentClick..")
-        console.log(e);
+        console.log("studentUid: " + e.uid);
+        console.log("uid: " + this.state.currentUserDoc.uid);
+        const getStudentDocumentAsTeacher = functions.httpsCallable('getStudentDocumentAsTeacher');
+        getStudentDocumentAsTeacher({
+            uid: this.state.currentUserDoc.uid,
+            studentUid: e.uid,
+        }).then(result => {
+            console.log(result);
+            this.setState(prevState => ({
+                teacherStudentComponent: {
+                    ...prevState.teacherStudentComponent,
+                    individualStudentEditClicked: true,
+                    individualEditStudentInformation: result
+                }
+            }));
+        }).catch(err => {
+            console.log(err)
+        })
     }
 
+    /* teacherStudentComponent functions end */
+
     /* Student attendance functions */
     handleStudentAttendanceDateRange = (dates, dateStrings) => {
         console.log("in date handleStudentAttendanceDateRange");
diff --git a/components/teacherStudentComponent.js b/components/teacherStudentComponent.js
index d6d2977..8e230d5 100644
--- a/components/teacherStudentComponent.js
+++ b/components/teacherStudentComponent.js
@@ -41,6 +41,7 @@ export default class TeacherStudentComponent extends React.Component {
     showStudentsComponent = (context) => {
         console.log("in teacherStudentComponent");
         console.log(this.props.teacherStudentComponent.currentUserDoc);
+        // check if the individualStudentEditClicked is clicked 
         if(this.props.teacherStudentComponent.currentUserDoc && this.props.teacherStudentComponent.currentUserDoc.teacherStudents){
             return(
                 <List style={{position: "absolute"}}>