s11

s33
chnage submissions api endpoint
2025-03-11 15:37:02 +05:30 · 2025-03-01 19:27:00 +05:30 · 2025-02-12 15:55:42 +05:30 · 2025-02-07 17:55:08 +05:30 · 2025-02-04 19:10:44 +05:30 · 2025-02-04 16:08:11 +05:30
26 changed files with 217 additions and 211 deletions
--- a/public/saveGameAI.js
+++ b/public/saveGameAI.js
@@ -3,7 +3,7 @@
    }
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
-    const userId = urlParams.get('childId');
+    const childId = 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('/');
@@ -116,82 +116,7 @@ function submitUserData(drawingZone) {
            imageCode = image.src;
        }
        
-
-        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);
-        })
    });   
    

@@ -200,7 +125,6 @@ function submitUserData(drawingZone) {
    function calculateFromAI(){
        let progress = 0;
        let starValue;
-        let maxStarValue = 5;
        
        function progressIncrement() {
            const interval = setInterval(() => {
@@ -235,9 +159,7 @@ 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');
@@ -285,32 +207,33 @@ function submitUserData(drawingZone) {
        calculationText.style.fontWeight = '600';
        calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
        containerDiv.appendChild(calculationText);
-        let userData = {
+        let userDataForStar = {
            gameName: gameVersion,
-            userId: userId,
+            childId: childId,
            gameID: gameId,
            gameTime: timeDifferenceInSeconds,
            screenShot: imageCode
        };
-        // console.log(userData);
+        
+        // First API call
        fetch(`https://api.teachertrainingkolkata.in/api/aiEvaluateImageToStar`, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(userData)
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(userDataForStar)
        })
        .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") {
-                    starValue = data.data.score;
+                    let starValue = data.data.gameStar; // Ensure starValue is available
+        
                    let feedbackMessage = '';
                    if (starValue >= 1 && starValue <= 3) {
                        feedbackMessage = "You're making progress! Let's keep going!";
@@ -323,6 +246,7 @@ function submitUserData(drawingZone) {
                    } else {
                        feedbackMessage = "Invalid star value.";
                    }
+        
                    loadingMainContainer.style.display = 'none';
                    loadingDiv.style.display = 'none';
                    starContainer.style.display = 'flex';
@@ -330,22 +254,92 @@ 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');
-                        bottomAnimateClipart.classList.add('transition-transform', 'duration-700');
+                        bottomAnimateClipart.classList.add('-translate-x-full', '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);
+                    });
                }
-            }, 100);
+            }, 150);
        })
        .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 userId = urlParams.get('childId');
+const childId = 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(userId);
+// console.log(childId);
 let startTime = Date.now();


@@ -182,7 +182,7 @@ function submitUserData(drawingZone) {
            gameName: gameVersion,
            gameID: gameId,      
            screenShot: imageCode,
-            userId: userId,      
+            childId: childId,      
            gameTime: timeDifferenceInSeconds         
        };
        fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
@@ -201,7 +201,7 @@ function submitUserData(drawingZone) {
                    'gameName': gameVersion,
                    'gameID': gameId,
                    'screenShot': imageCode,
-                    'userId' : userId,
+                    'childId' : childId,
                    'gameTime' : timeDifferenceInSeconds,
                    'score' : scoreTotal,
                    'gameStar' : starValue
@@ -247,12 +247,12 @@ function submitUserData(drawingZone) {
                const userAnotherData = {
                    assignmentId: assignmentId,
                    worksheetId: worksheetId,
-                    studentId: userId,
+                    studentId: childId,
                    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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
+                fetch(`https://beanstalkedu.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 userId = urlParams.get('childId');
+const childId = urlParams.get('childId');
 const gameVersion = urlParams.get('gameName');
 const gameId = urlParams.get('id');
 let submitNotic;

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


@@ -94,7 +94,7 @@ function submitUserData(drawingZone) {
            'gameName': gameVersion,
            'gameID': gameId,
            'screenShot': imageCode,
-            'userId' : userId,
+            'childId' : childId,
            '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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -431,7 +431,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -475,12 +475,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -447,7 +447,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -487,12 +487,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -433,7 +433,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -477,12 +477,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -443,7 +443,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -487,12 +487,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -383,7 +383,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -427,12 +427,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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" 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 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>
                    <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,8 +81,9 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${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 {
@@ -133,7 +134,9 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        clipArt.classList.add('show');
+        setTimeout(() => {
+            clipArt.classList.add('show');
+        }, 100);
    }
    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" 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 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>
                    <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,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${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 {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        clipArt.classList.add('show');
+        setTimeout(() => {
+            clipArt.classList.add('show');
+        }, 100);
    }
    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" 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 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>
                    <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,14 +76,16 @@ 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" ]
+    let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ];
+    // starClipart
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${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.');
            }
@@ -146,11 +148,9 @@ 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');  // Add the show class to trigger animation
-        }, 2000); // Delay animation by 2 seconds
+            clipArt.classList.add('show');
+        }, 100);
    }

    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" 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 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>
                    <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,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${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 {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        clipArt.classList.add('show');
+        setTimeout(() => {
+            clipArt.classList.add('show');
+        }, 100);
    }
    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" 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 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>
                    <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,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
    function displaySprite() {
        if (buddiesList.includes(spriteNames)) {
            const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${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 {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
    }
    function showAnimation() {
        const clipArt = document.querySelector('.clip-art');
-        clipArt.classList.add('show');
+        setTimeout(() => {
+            clipArt.classList.add('show');
+        }, 100);
    }
    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">Beanstalkedu Games</p>
+			<p class="text-center text-white py-96 text-8xl font-bold">Interakto 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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -438,7 +438,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -481,12 +481,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -466,7 +466,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -510,12 +510,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -390,7 +390,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -433,12 +433,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -429,7 +429,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -473,12 +473,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -458,7 +458,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -501,12 +501,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.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 userId = params.get('childId');
+    const childId = 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 to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${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,
-                userId: userId,      
+                childId: childId,      
                gameTime: timeDifferenceInSeconds         
            };
            try {
@@ -406,7 +406,7 @@ import Layout from "../../layouts/Layout.astro";
                    let userData = {
                        'gameName': gameName,
                        'gameID': gameId,
-                        'userId': userId,
+                        'childId': childId,
                        'gameTime': timeDifferenceInSeconds,
                        'score': totalPoints,
                        'gameStar': percentage
@@ -449,12 +449,12 @@ import Layout from "../../layouts/Layout.astro";
                    const userAnotherData = {
                        assignmentId: assignmentId,
                        worksheetId: worksheetId,
-                        studentId: userId,
+                        studentId: childId,
                        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://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
Author	SHA1	Message	Date
Suvodip	47e90eed3a	s11	2025-03-11 15:37:02 +05:30
Suvodip	aad75d2ec3	s33	2025-03-01 19:27:00 +05:30
Suvodip	11ec4dff7a	chnage submissions api endpoint	2025-02-12 15:55:42 +05:30
Suvodip	bb681b1152	change star budies in drawing game	2025-02-07 17:55:08 +05:30
Suvodip	c4131434ef	change drawing game star implemantetion	2025-02-04 19:10:44 +05:30
Suvodip	cbe6255540	all userId replace to childId	2025-02-04 16:08:11 +05:30