Mental chronometry changes

web-app/backend/server.py

@@ -331,6 +331,32 @@ def predictShapePattern():
 
     return jsonify(response)
 
+
+@app.route('/mentalChromScores', methods=['POST'])
+@cross_origin()
+def mentalChromScores():
+    body = request.json
+    activityName = body['activityName']
+    score = body['score']
+    actualResult = body['actualResult']
+    predResult = body['predResult']
+    createdTime = body['createdTime']
+    totalTime = body['totalTime']
+
+    # db.users.insert_one({
+    db.db['mentalChronomrtryScore'].insert_one({
+        "activityName": activityName,
+        "score": score,
+        "actualResult": actualResult,
+        "predResult": predResult,
+        "createdTime": createdTime,
+        "totalTime": totalTime,
+    })
+    return jsonify({
+        'status': 'MentalCrom scores are added to the system successfully!',
+    })
+
+
 # @app.route("/testDB")
 # def test():
 #     db.db.collection.insert_one({"name": "John"})

web-app/frontend/src/components/activities/mentalChronometryEval/coding/CodingContainer.jsx

@@ -3,6 +3,7 @@ import axios from "axios";
 import "./CodingDrawingPad.css";
 import SignaturePad from "react-signature-canvas";
 import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
+import API from "../../../../config/api";
 
 const CodingContainer = () => {
   const sigCanvas = useRef({});
@@ -19,7 +20,7 @@ const CodingContainer = () => {
   const [activityCompleted, setActivityCompleted] = useState(false);
   const [finalScore, setFinalScore] = useState(0);
   const [letterPatternANswers, setLetterPatternANswers] = useState([]);
-  const [actualResul, setActualResul] = useState([
+  const [actualResult, setActualResul] = useState([
     "square",
     "circle",
     "triangle",
@@ -52,6 +53,41 @@ const CodingContainer = () => {
     "s",
   ]);
 
+  var finalResult = 0;
+
+  const [activityName] = useState("Coding");
+
+  let saveScore = async () => {
+    const headerConfig = {
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Content-Type": "application/json",
+      },
+    };
+    try {
+      const payload = {
+        activityName: activityName,
+        score: finalResult,
+        actualResult: actualResult,
+        predResult: letterPatternANswers,
+        totalTime: time,
+        createdTime: Date(),
+      };
+
+      await API.post("mentalChromScores", JSON.stringify(payload), headerConfig)
+        .then((res) => {
+          if (res.status === 200) {
+            console.log(res);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
   useEffect(() => {
     const calculateTime = () => {
       setTimeout(() => {
@@ -82,15 +118,16 @@ const CodingContainer = () => {
 
   const generateScore = () => {
     let result = 0;
-    for (let i = 0; i <= actualResul.length; i++) {
-      console.log(actualResul[i]);
+    for (let i = 0; i <= actualResult.length; i++) {
+      console.log(actualResult[i]);
       console.log(letterPatternANswers[i]);
 
-      if (actualResul[i] === letterPatternANswers[i]) {
+      if (actualResult[i] === letterPatternANswers[i]) {
         result += 1;
         setFinalScore(result);
       }
     }
+    finalResult = result;
     console.log(result);
   };
 
@@ -141,6 +178,7 @@ const CodingContainer = () => {
       setIsCancelled(true);
       generateScore();
       setActivityCompleted(true);
+      saveScore();
     }
   };
   return (
@@ -273,7 +311,7 @@ const CodingContainer = () => {
               alt="pattern"
             />
             <h1 className="text-black">
-              Final Score {finalScore && finalScore}/{actualResul.length}
+              Final Score {finalScore && finalScore}/{actualResult.length}
             </h1>
             <h1 className="text-black">
               Total Time {time.hours < 10 ? "0" + time.hours : time.hours} :{" "}