Merge pull request 'fix darg v3 game scoring issue' (#40 ) from newb2 into master

Reviewed-on: #40
Merge pull request 's2' (#39 ) from newb2 into master
2025-02-01 13:06:38 +00:00 · 2025-02-01 12:29:39 +00:00 · 2025-01-30 08:18:48 +00:00 · 2025-01-28 12:15:30 +00:00 · 2025-01-28 12:01:12 +00:00 · 2025-01-26 09:25:37 +00:00
26 changed files with 211 additions and 217 deletions
--- a/public/saveGameAI.js
+++ b/public/saveGameAI.js
@@ -3,7 +3,7 @@
    }
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
-    const childId = urlParams.get('childId');
+    const userId = urlParams.get('childId');
    const gameVersion = urlParams.get('gameName');
    const gameId = urlParams.get('id');
    const spriteName = urlParams.get('spriteName');
@@ -11,7 +11,7 @@
    const worksheetId = urlParams.get('worksheetId');
    let submitNotic;
    let startTime = Date.now();
-    // console.log('gameVersion', gameVersion)
+

    const url = window.location.href;
    const gameName = url.split('/');
@@ -117,6 +117,81 @@ function submitUserData(drawingZone) {
        }
        

+        let userData = {
+            'gameName': gameVersion,
+            'gameID': gameId,
+            'screenShot': imageCode,
+            'userId' : userId,
+            'gameTime' : timeDifferenceInSeconds
+        
+        };
+        // console.log('userData', userData)
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
+            method: 'POST',
+            headers: {
+                'Content-Type' : 'application/json'
+            },
+            body: JSON.stringify(userData)
+    
+        })
+        .then(response => response.json())
+        .then(data => {
+            // console.log('data from save gallery', data);
+
+            if(data.screenshotUrl){
+                fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(userData)
+                })
+                .then(response => {
+                    setTimeout(() => {
+                        if (response.ok) {
+                        if (response.status == 200) {
+                            document.getElementById('saved-toast').classList.remove('hidden');
+                            setTimeout(() => {
+                                document.getElementById('saved-toast').classList.add('hidden');
+                            }, 2000);
+                            
+                            // console.log(response.status, " Data Saved Succesfully");
+                        }
+                        } else {
+                        // console.log('Something went wrong', response);
+                        }
+                    }, 100);
+                })
+                .catch(error => {
+                    console.error('An error occurred', error);
+                });
+                const userAnotherData = {
+                    assignmentId: assignmentId,
+                    worksheetId: worksheetId,
+                    studentId: userId,
+                    submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
+                };
+                const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
+                fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type' : 'application/json',
+                        'Authorization' : authToken
+                    },
+                    body: JSON.stringify(userAnotherData)
+                })
+                .then(response => response.json())
+                .then(data => {
+                    // console.log('submissions api response', data)
+                })
+                .catch(error => {
+                    console.error('An error occured', error)
+                })
+            }
+        })
+        .catch(error => {
+            console.error('An error occured', error);
+        })
    });   
    

@@ -125,6 +200,7 @@ function submitUserData(drawingZone) {
    function calculateFromAI(){
        let progress = 0;
        let starValue;
+        let maxStarValue = 5;
        
        function progressIncrement() {
            const interval = setInterval(() => {
@@ -159,7 +235,9 @@ function submitUserData(drawingZone) {
            document.head.appendChild(style);
        }
        addStarScalingStyles();
+        const blankStar = `<svg width="61" height="58" viewBox="0 0 61 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60.0193 21.917C59.8274 21.3224 59.4648 20.7975 58.9767 20.4076C58.4885 20.0177 57.8964 19.7801 57.2741 19.7244L39.9564 18.1518L33.1086 2.12366C32.6035 0.949062 31.4537 0.188965 30.176 0.188965C28.8984 0.188965 27.7484 0.94918 27.2436 2.12659L20.3957 18.1519L3.07528 19.7244C2.45372 19.7813 1.86254 20.0194 1.37503 20.4092C0.887526 20.799 0.525135 21.3232 0.332789 21.917C-0.0622597 23.132 0.302554 24.4646 1.26527 25.3046L14.3555 36.7846L10.4954 53.7878C10.213 55.038 10.6982 56.3304 11.7355 57.0801C12.293 57.483 12.9454 57.6881 13.6032 57.6881C14.1704 57.6881 14.7329 57.5352 15.238 57.2331L30.176 48.305L45.1087 57.2331C46.2014 57.8905 47.5788 57.8304 48.6139 57.0801C49.1206 56.7134 49.5083 56.2057 49.7288 55.6204C49.9492 55.035 49.9928 54.3977 49.854 53.7878L45.9941 36.7846L59.0841 25.307C59.555 24.8957 59.8947 24.3552 60.0609 23.7525C60.2272 23.1498 60.2127 22.5115 60.0193 21.917Z" fill="#E3E3E3"/></svg>`
        
+        const starSVG = `<svg width="61" height="58" viewBox="0 0 61 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60.0193 21.917C59.8274 21.3224 59.4648 20.7975 58.9767 20.4076C58.4885 20.0177 57.8964 19.7801 57.2741 19.7244L39.9564 18.1518L33.1086 2.12366C32.6035 0.949062 31.4537 0.188965 30.176 0.188965C28.8984 0.188965 27.7484 0.94918 27.2436 2.12659L20.3957 18.1519L3.07528 19.7244C2.45372 19.7813 1.86254 20.0194 1.37503 20.4092C0.887526 20.799 0.525135 21.3232 0.332789 21.917C-0.0622597 23.132 0.302554 24.4646 1.26527 25.3046L14.3555 36.7846L10.4954 53.7878C10.213 55.038 10.6982 56.3304 11.7355 57.0801C12.293 57.483 12.9454 57.6881 13.6032 57.6881C14.1704 57.6881 14.7329 57.5352 15.238 57.2331L30.176 48.305L45.1087 57.2331C46.2014 57.8905 47.5788 57.8304 48.6139 57.0801C49.1206 56.7134 49.5083 56.2057 49.7288 55.6204C49.9492 55.035 49.9928 54.3977 49.854 53.7878L45.9941 36.7846L59.0841 25.307C59.555 24.8957 59.8947 24.3552 60.0609 23.7525C60.2272 23.1498 60.2127 22.5115 60.0193 21.917Z" fill="#FECE00"/></svg>`;
        const starContainer = document.getElementById('star-container');
        let scoreBoard = document.getElementById('scoreBoard');
        let loadingMainContainer = document.getElementById('loadingMainContainer');
@@ -207,33 +285,32 @@ function submitUserData(drawingZone) {
        calculationText.style.fontWeight = '600';
        calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
        containerDiv.appendChild(calculationText);
-        let userDataForStar = {
+        let userData = {
            gameName: gameVersion,
-            childId: childId,
+            userId: userId,
            gameID: gameId,
            gameTime: timeDifferenceInSeconds,
            screenShot: imageCode
        };
-        
-        // First API call
+        // console.log(userData);
        fetch(`https://api.teachertrainingkolkata.in/api/aiEvaluateImageToStar`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(userDataForStar)
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(userData)
        })
        .then(response => {
-            if (!response.ok) {
+            if(!response.ok){
                throw new Error(`HTTP error! status: ${response.status}`);
            }
-            return response.json();
+            return response.json()
        })
        .then(data => {
+            // console.log('data', data.data.score);
            setTimeout(() => {
                if (data && data.message === "Game data saved successfully") {
-                    let starValue = data.data.gameStar; // Ensure starValue is available
-        
+                    starValue = data.data.score;
                    let feedbackMessage = '';
                    if (starValue >= 1 && starValue <= 3) {
                        feedbackMessage = "You're making progress! Let's keep going!";
@@ -246,7 +323,6 @@ function submitUserData(drawingZone) {
                    } else {
                        feedbackMessage = "Invalid star value.";
                    }
-        
                    loadingMainContainer.style.display = 'none';
                    loadingDiv.style.display = 'none';
                    starContainer.style.display = 'flex';
@@ -254,92 +330,22 @@ function submitUserData(drawingZone) {
                    document.getElementById('get-star-value').innerHTML = starValue;
                    document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage;
                    scoreBoard.style.display = 'flex';
-        
                    if (scoreBoard.style.display === 'flex') {
                        const bottomAnimateClipart = document.getElementById('bottomAnimateClipart');
                        bottomAnimateClipart.classList.remove('hidden');
-                        bottomAnimateClipart.classList.add('-translate-x-full', 'transition-transform', 'duration-700');
+                        bottomAnimateClipart.classList.add('-translate-x-full');
+                        bottomAnimateClipart.classList.add('transition-transform', 'duration-700');
                        setTimeout(() => {
                            bottomAnimateClipart.classList.add('hidden');
                            bottomAnimateClipart.classList.remove('translate-x-full');
                        }, 100);
                    }
                                
-                    // ✅ Now create `userData` inside the correct scope where starValue exists
-                    let userData = {
-                        gameName: gameVersion.trim(),
-                        gameID: gameId,
-                        screenShot: imageCode,
-                        childId: childId,
-                        gameTime: timeDifferenceInSeconds,
-                        gameStar: starValue // ✅ Now correctly assigned
-                    };
                    
-                    // ✅ Now perform the second fetch request
-                    fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(userData)
-                    })
-                    .then(response => response.json())
-                    .then(data => {
-                        if (data.screenshotUrl) {
-                            fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
-                                method: 'POST',
-                                headers: {
-                                    'Content-Type': 'application/json'
-                                },
-                                body: JSON.stringify(userData)
-                            })
-                            .then(response => {
-                                setTimeout(() => {
-                                    if (response.ok && response.status == 200) {
-                                        document.getElementById('saved-toast').classList.remove('hidden');
-                                        setTimeout(() => {
-                                            document.getElementById('saved-toast').classList.add('hidden');
-                                        }, 2000);
-                                    }
-                                }, 100);
-                            })
-                            .catch(error => {
-                                console.error('An error occurred', error);
-                            });
-        
-                            // Final API Call
-                            const userAnotherData = {
-                                assignmentId: assignmentId,
-                                worksheetId: worksheetId,
-                                studentId: childId,
-                                submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
-                            };
-                            const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q';
-        
-                            fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
-                                method: 'POST',
-                                headers: {
-                                    'Content-Type': 'application/json',
-                                    'Authorization': authToken
-                                },
-                                body: JSON.stringify(userAnotherData)
-                            })
-                            .then(response => response.json())
-                            .then(data => {
-                                console.log('Submission API response', data);
-                            })
-                            .catch(error => {
-                                console.error('An error occurred', error);
-                            });
-                        }
-                    })
-                    .catch(error => {
-                        console.error('An error occurred', error);
-                    });
                }
-            }, 150);
+            }, 100);
        })
        .catch(error => {
-            console.error('An error occurred', error);
+        console.error('An error occurred', error);
        });
    }
--- a/public/saveGameData.js
+++ b/public/saveGameData.js
@@ -4,14 +4,14 @@ function retryGame(){
 
 const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
-const childId = urlParams.get('childId');
+const userId = urlParams.get('childId');
 const gameVersion = urlParams.get('gameName');
 const assignmentId = urlParams.get('assignmentId');
 const worksheetId = urlParams.get('worksheetId');
 const gameId = urlParams.get('id');
 let submitNotic;

-// console.log(childId);
+// console.log(userId);
 let startTime = Date.now();


@@ -182,7 +182,7 @@ function submitUserData(drawingZone) {
            gameName: gameVersion,
            gameID: gameId,      
            screenShot: imageCode,
-            childId: childId,      
+            userId: userId,      
            gameTime: timeDifferenceInSeconds         
        };
        fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
@@ -201,7 +201,7 @@ function submitUserData(drawingZone) {
                    'gameName': gameVersion,
                    'gameID': gameId,
                    'screenShot': imageCode,
-                    'childId' : childId,
+                    'userId' : userId,
                    'gameTime' : timeDifferenceInSeconds,
                    'score' : scoreTotal,
                    'gameStar' : starValue
@@ -247,12 +247,12 @@ function submitUserData(drawingZone) {
                const userAnotherData = {
                    assignmentId: assignmentId,
                    worksheetId: worksheetId,
-                    studentId: childId,
+                    studentId: userId,
                    submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
                };
                const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                // console.log('Starting submissions API call');
-                fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
+                fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
--- a/public/saveTracingGameData.js
+++ b/public/saveTracingGameData.js
@@ -4,12 +4,12 @@ function retryGame(){

 const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
-const childId = urlParams.get('childId');
+const userId = urlParams.get('childId');
 const gameVersion = urlParams.get('gameName');
 const gameId = urlParams.get('id');
 let submitNotic;

-// console.log(childId);
+console.log(userId);
 let startTime = Date.now();


@@ -94,7 +94,7 @@ function submitUserData(drawingZone) {
            'gameName': gameVersion,
            'gameID': gameId,
            'screenShot': imageCode,
-            'childId' : childId,
+            'userId' : userId,
            'gameTime' : timeDifferenceInSeconds,
            'score' : scoreTotal,
            'gameStar' : starValue
--- a/src/pages/cross/cross_phonics_v1.astro
+++ b/src/pages/cross/cross_phonics_v1.astro
@@ -139,7 +139,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -409,7 +409,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -431,7 +431,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -475,12 +475,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/cross/cross_phonics_v2.astro
+++ b/src/pages/cross/cross_phonics_v2.astro
@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -157,7 +157,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -425,7 +425,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -447,7 +447,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -487,12 +487,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -139,7 +139,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -411,7 +411,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -433,7 +433,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -477,12 +477,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/cross/v2.astro
+++ b/src/pages/cross/v2.astro
@@ -143,7 +143,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -152,7 +152,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -421,7 +421,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -443,7 +443,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -487,12 +487,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/cross/v3.astro
+++ b/src/pages/cross/v3.astro
@@ -118,7 +118,7 @@ import Layout from "../../layouts/Layout.astro";
        }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -127,7 +127,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -361,7 +361,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -383,7 +383,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -427,12 +427,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/src/pages/drag/dragdrop_phonics.astro
@@ -155,7 +155,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -160,7 +160,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drag/v3.astro
+++ b/src/pages/drag/v3.astro
@@ -191,7 +191,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drag/v4.astro
+++ b/src/pages/drag/v4.astro
@@ -158,7 +158,7 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/src/pages/drawing/drawing_phonics.astro
@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                            <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                        </div>
                    </div>
-                    <div class="flex flex-row items-center" style="">
-                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
+                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                    </div>
                    <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                        <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -81,9 +81,8 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
-                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                imgElement.src = `/assets/hand-${spriteNames}.svg`;
                console.log(imgElement.src)
            } else {
@@ -134,9 +133,7 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        setTimeout(() => {
-            clipArt.classList.add('show');
-        }, 100);
+        clipArt.classList.add('show');
    }
    const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
    const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;
--- a/src/pages/drawing/drawing_writo.astro
+++ b/src/pages/drawing/drawing_writo.astro
@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                            <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                        </div> 
                    </div>
-                    <div class="flex flex-row items-center" style="">
-                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
+                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                    </div>
                    <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                        <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,9 +80,8 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
-                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                imgElement.src = `/assets/hand-${spriteNames}.svg`;
                console.log(imgElement.src)
            } else {
@@ -132,9 +131,7 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        setTimeout(() => {
-            clipArt.classList.add('show');
-        }, 100);
+        clipArt.classList.add('show');
    }
    const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
    const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                            <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                        </div> 
                    </div>
-                    <div class="flex flex-row items-center" style="">
-                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
+                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                    </div>
                    <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                        <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -76,16 +76,14 @@ import Layout from '../../layouts/Layout.astro';
    const akademyUserId = params.get('childId');
    const akademyGameName = params.get('gameName');
    const spriteNames = params.get('spriteName');
-    let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ];
-    // starClipart
+    let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ]
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
-                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                imgElement.src = `/assets/hand-${spriteNames}.svg`;
-                // console.log(imgElement.src)
+                console.log(imgElement.src)
            } else {
                console.log('Element with ID "clipArtWithHand" not found.');
            }
@@ -148,9 +146,11 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
+        
+        // Initially set the clip-art to show after 2 seconds with a slide effect
        setTimeout(() => {
-            clipArt.classList.add('show');
-        }, 100);
+            clipArt.classList.add('show');  // Add the show class to trigger animation
+        }, 2000); // Delay animation by 2 seconds
    }

    const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
--- a/src/pages/drawing/v2.astro
+++ b/src/pages/drawing/v2.astro
@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                            <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                        </div> 
                    </div>
-                    <div class="flex flex-row items-center" style="">
-                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
+                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                    </div>
                    <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                        <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,9 +80,8 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
-                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                imgElement.src = `/assets/hand-${spriteNames}.svg`;
                console.log(imgElement.src)
            } else {
@@ -132,9 +131,7 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        setTimeout(() => {
-            clipArt.classList.add('show');
-        }, 100);
+        clipArt.classList.add('show');
    }
    const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
    const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                            <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                        </div> 
                    </div>
-                    <div class="flex flex-row items-center" style="">
-                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
+                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                    </div>
                    <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                        <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,9 +80,8 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
-                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                imgElement.src = `/assets/hand-${spriteNames}.svg`;
                console.log(imgElement.src)
            } else {
@@ -132,9 +131,7 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        setTimeout(() => {
-            clipArt.classList.add('show');
-        }, 100);
+        clipArt.classList.add('show');
    }
    const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
    const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,7 +8,7 @@ import Footer from '../components/Footer.astro';
 	<MainHeader />
 	<main>
 		<div>
-			<p class="text-center text-white py-96 text-8xl font-bold">Interakto Games</p>
+			<p class="text-center text-white py-96 text-8xl font-bold">Beanstalkedu Games</p>
 		</div>
 	</main>
 	<Footer />
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -142,7 +142,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -416,7 +416,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -438,7 +438,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -481,12 +481,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -166,7 +166,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -175,7 +175,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -444,7 +444,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -466,7 +466,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -510,12 +510,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/tick/tick_phonics_v3.astro
+++ b/src/pages/tick/tick_phonics_v3.astro
@@ -123,7 +123,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -132,7 +132,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -368,7 +368,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -390,7 +390,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -433,12 +433,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -142,7 +142,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -406,7 +406,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -429,7 +429,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -473,12 +473,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -162,7 +162,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -171,7 +171,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -436,7 +436,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -458,7 +458,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -501,12 +501,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -128,7 +128,7 @@ import Layout from "../../layouts/Layout.astro";
    }
    const params = new URLSearchParams(window.location.search);
    const gameId = params.get('id');
-    const childId = params.get('childId');
+    const userId = params.get('childId');
    const gameName = params.get('gameName');
    const assignmentId = params.get('assignmentId');
    const worksheetId = params.get('worksheetId');
@@ -137,7 +137,7 @@ import Layout from "../../layouts/Layout.astro";
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
            if (imgElement) {
                imgElement.src = `/assets/${spriteNames}.gif`;
                console.log(imgElement.src)
@@ -384,7 +384,7 @@ import Layout from "../../layouts/Layout.astro";
                gameName: gameName,
                gameID: gameId,      
                screenShot: snapImage,
-                childId: childId,      
+                userId: userId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -406,7 +406,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'childId': childId,
+                        'userId': userId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -449,12 +449,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: childId,
+                        studentId: userId,
                        submissionFile: saveResult.screenshotUrl.split('/')[4].split('?')[0],
                    };
                    const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                    try {
-                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
Author	SHA1	Message	Date
Subhodip Ghosh	62abedf3aa	Merge pull request 'fix darg v3 game scoring issue' (#40 ) from newb2 into master Reviewed-on: #40	2025-02-01 13:06:38 +00:00
Subhodip Ghosh	6d56c2a3ad	Merge pull request 's2' (#39 ) from newb2 into master Reviewed-on: #39	2025-02-01 12:29:39 +00:00
Subhodip Ghosh	b9b92b0feb	Merge pull request 's7' (#38 ) from newb2 into master Reviewed-on: #38	2025-01-30 08:18:48 +00:00
Subhodip Ghosh	efa1bff9aa	Merge pull request 's6' (#37 ) from newb2 into master Reviewed-on: #37	2025-01-28 12:15:30 +00:00
Subhodip Ghosh	8bdd30a933	Merge pull request 's6' (#36 ) from newb2 into master Reviewed-on: #36	2025-01-28 12:01:12 +00:00
Subhodip Ghosh	970acf7521	Merge pull request 's6' (#35 ) from newb2 into master Reviewed-on: #35	2025-01-26 09:25:37 +00:00
Subhodip Ghosh	bc169b6dfa	Merge pull request 's5' (#34 ) from newb2 into master Reviewed-on: #34	2025-01-26 08:16:15 +00:00
Subhodip Ghosh	a180a6b5fe	Merge pull request 'newb2' (#33 ) from newb2 into master Reviewed-on: #33	2025-01-23 15:02:05 +00:00
Subhodip Ghosh	af5cba4017	Merge pull request 'newb' (#32 ) from newb into master Reviewed-on: #32	2024-12-12 11:08:35 +00:00
Subhodip Ghosh	59ca5f9b09	Merge pull request 'newb' (#31 ) from newb into master Reviewed-on: #31	2024-12-05 11:59:05 +00:00
Subhodip Ghosh	0547509a2d	Merge pull request 'newb' (#30 ) from newb into master Reviewed-on: #30	2024-11-27 12:30:27 +00:00
Subhodip Ghosh	3ed170c09b	Merge pull request 's1' (#29 ) from newb into master Reviewed-on: #29	2024-11-22 11:45:19 +00:00
Subhodip Ghosh	702e63b91c	Merge pull request 'newb' (#28 ) from newb into master Reviewed-on: #28	2024-11-21 11:31:40 +00:00
Subhodip Ghosh	0d4ab27be8	Merge pull request 'game name' (#27 ) from b4 into master Reviewed-on: #27	2024-10-19 07:36:00 +00:00
Subhodip Ghosh	2f29d13432	Merge pull request 'game name from get parameter' (#26 ) from b4 into master Reviewed-on: #26	2024-10-18 11:29:41 +00:00
Subhodip Ghosh	9c4e7f184d	Merge pull request 'b4' (#25 ) from b4 into master Reviewed-on: #25	2024-10-14 05:53:39 +00:00
Subhodip Ghosh	3e0a99a42b	Merge pull request 's1' (#24 ) from b4 into master Reviewed-on: #24	2024-10-02 15:50:37 +00:00
Subhodip Ghosh	6e46901c90	Merge pull request 'b4' (#23 ) from b4 into master Reviewed-on: #23	2024-10-02 13:16:36 +00:00
Subhodip Ghosh	2ef1814ffe	Merge pull request 'add eraser button and add start calculation logic' (#22 ) from b4 into master Reviewed-on: #22	2024-09-06 14:36:18 +00:00
Subhodip Ghosh	bde9907774	Merge pull request 'change API Endpoint & Submit Message Desgine' (#21 ) from b4 into master Reviewed-on: #21	2024-08-07 15:58:30 +00:00
Subhodip Ghosh	275e3c1b2b	Merge pull request 'b4' (#20 ) from b4 into master Reviewed-on: #20	2024-08-01 14:08:05 +00:00
Subhodip Ghosh	386c8f7116	Merge pull request 'user is fix' (#18 ) from b4 into master Reviewed-on: #18	2024-07-02 16:45:53 +00:00