From e8b952b98ba768e800e0150c4fa7a30936a5d0af Mon Sep 17 00:00:00 2001
From: Subhodip Ghosh <suvodip@siliconpin.com>
Date: Fri, 21 Nov 2025 15:24:11 +0530
Subject: [PATCH] change game du url from config.js file

---
 public/config.js                         |  4 ++++
 public/saveGameData.js                   |  2 +-
 public/saveTracingGameData.js            |  2 +-
 src/pages/cross/cross_phonics_v1.astro   |  9 ++++++---
 src/pages/cross/cross_phonics_v2.astro   |  9 ++++++---
 src/pages/cross/v1.astro                 |  9 ++++++---
 src/pages/cross/v2.astro                 |  9 ++++++---
 src/pages/cross/v3.astro                 |  9 ++++++---
 src/pages/drag/dragdrop_phonics.astro    | 11 +++++++----
 src/pages/drag/index.astro               | 11 +++++++----
 src/pages/drag/match_phonics.astro       | 11 +++++++----
 src/pages/drag/v2.astro                  | 11 +++++++----
 src/pages/drag/v20.astro                 |  9 ++++++---
 src/pages/drag/v3.astro                  | 11 +++++++----
 src/pages/drag/v30.astro                 |  9 ++++++---
 src/pages/drag/v4.astro                  | 11 +++++++----
 src/pages/drag/v40.astro                 |  9 ++++++---
 src/pages/drawing/drawing_phonics.astro  | 13 ++++++++-----
 src/pages/drawing/drawing_writo.astro    | 10 ++++++----
 src/pages/drawing/game_drawing_jpg.astro | 12 +++++++-----
 src/pages/drawing/game_drawing_png.astro | 13 ++++++++-----
 src/pages/drawing/index.astro            | 10 ++++++----
 src/pages/drawing/test.astro             |  8 +++++---
 src/pages/drawing/v2.astro               | 15 +++++++++------
 src/pages/drawing/v3.astro               | 10 ++++++----
 src/pages/tick/tick_phonics_v1.astro     |  8 +++++---
 src/pages/tick/tick_phonics_v2.astro     |  8 +++++---
 src/pages/tick/tick_phonics_v3.astro     |  8 +++++---
 src/pages/tick/v1.astro                  | 10 +++++++---
 src/pages/tick/v2.astro                  |  8 +++++---
 src/pages/tick/v3.astro                  |  8 +++++---
 31 files changed, 183 insertions(+), 104 deletions(-)
 create mode 100644 public/config.js

diff --git a/public/config.js b/public/config.js
new file mode 100644
index 0000000..913823a
--- /dev/null
+++ b/public/config.js
@@ -0,0 +1,4 @@
+window.APP_CONFIG = {
+  PUBLIC_GAME_DU_API_URL: "https://game-du.teachertrainingkolkata.in",
+  siteName: "Interakto Games"
+};
diff --git a/public/saveGameData.js b/public/saveGameData.js
index 3519ef2..0562fe3 100644
--- a/public/saveGameData.js
+++ b/public/saveGameData.js
@@ -195,7 +195,7 @@ function submitUserData(drawingZone) {
         })
         .then(response => response.json())
         .then(data => {
-            console.log('Gallery Response Data', data)
+            // console.log('Gallery Response Data', data)
 
             if(data.screenshotUrl){
                 let userData = {
diff --git a/public/saveTracingGameData.js b/public/saveTracingGameData.js
index ab6b913..ab65991 100644
--- a/public/saveTracingGameData.js
+++ b/public/saveTracingGameData.js
@@ -33,7 +33,7 @@ const gameType = gameName[3].split('?id=');
 //     console.log('Type - 3');
 // }
 
-console.log(gameVersion)
+// console.log(gameVersion)
 
 function submitUserData(drawingZone) {
     const endTime = Date.now();
diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro
index 02a3d55..a085699 100644
--- a/src/pages/cross/cross_phonics_v1.astro
+++ b/src/pages/cross/cross_phonics_v1.astro
@@ -122,7 +122,10 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -173,11 +176,11 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
-    fetch(`https://game-du.teachertrainingkolkata.in/items/cross_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/cross_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -204,7 +207,7 @@ import Layout from "../../layouts/Layout.astro";
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 6; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro
index 9a5d536..e292edc 100644
--- a/src/pages/cross/cross_phonics_v2.astro
+++ b/src/pages/cross/cross_phonics_v2.astro
@@ -131,7 +131,10 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -181,11 +184,11 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
-    fetch(`https://game-du.teachertrainingkolkata.in/items/cross_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/cross_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -220,7 +223,7 @@ import Layout from "../../layouts/Layout.astro";
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro
index 212d35f..f750d05 100644
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -122,7 +122,10 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -174,11 +177,11 @@ import Layout from "../../layouts/Layout.astro";
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
 
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -205,7 +208,7 @@ import Layout from "../../layouts/Layout.astro";
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 6; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro
index 0f693bb..387b796 100644
--- a/src/pages/cross/v2.astro
+++ b/src/pages/cross/v2.astro
@@ -126,7 +126,10 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -177,11 +180,11 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -214,7 +217,7 @@ import Layout from "../../layouts/Layout.astro";
             if(gameData.label9){
                 document.getElementById("label9").innerHTML = gameData.label9;
             }
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/cross/v3.astro b/src/pages/cross/v3.astro
index 505a637..48208e5 100644
--- a/src/pages/cross/v3.astro
+++ b/src/pages/cross/v3.astro
@@ -101,7 +101,10 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -150,11 +153,11 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -167,7 +170,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label3").innerHTML = gameData.label3;
             }
             
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             document.getElementById('descImage').src = assetsURL + gameData.descript_img;
             for (let i = 1; i <= 3; i++) {
                 const imageId = `image${i}`;
diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro
index 882d209..e29f7dc 100644
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/src/pages/drag/dragdrop_phonics.astro
@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     // function showAnimation() {
     //     const clipArt = document.querySelector('.clip-art');
     //     clipArt.classList.add('show');
@@ -170,20 +173,20 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){
           imageCustomWidth = "?width=80";
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`
         assetsList.element1 = assetsURL + image1   + imageCustomWidth;
         assetsList.element2 = assetsURL + image2   + imageCustomWidth;
         assetsList.element3 = assetsURL + image3   + imageCustomWidth;
@@ -342,7 +345,7 @@ import Layout from '../../layouts/Layout.astro';
 
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             blockMatches = [
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 02ec168..11e5926 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -41,7 +41,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
   // function showAnimation() {
   //     const clipArt = document.querySelector('.clip-art');
   //     clipArt.classList.add('show');
@@ -172,14 +175,14 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         console.log(data)
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(audioData)
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
@@ -187,7 +190,7 @@ import Layout from '../../layouts/Layout.astro';
         } else{
           imageCustomWidth = "?width=60";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.left_image1  = assetsURL + left_image1   + imageCustomWidth;
         assetsList.left_image2  = assetsURL + left_image2   + imageCustomWidth;
         assetsList.left_image3  = assetsURL + left_image3   + imageCustomWidth;
@@ -326,7 +329,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data)
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index 95b2c65..e74e9eb 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     // function showAnimation() {
     //     const clipArt = document.querySelector('.clip-art');
     //     clipArt.classList.add('show');
@@ -171,20 +174,20 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.left_image1  = assetsURL + left_image1   + imageCustomWidth;
         assetsList.left_image2  = assetsURL + left_image2   + imageCustomWidth;
         assetsList.left_image3  = assetsURL + left_image3   + imageCustomWidth;
@@ -324,7 +327,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data) right_match
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index 13e6c1a..c56033b 100644
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -37,7 +37,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     // function showAnimation() {
     //     const clipArt = document.querySelector('.clip-art');
     //     clipArt.classList.add('show');
@@ -171,21 +174,21 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
 
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.left_image1  = assetsURL + left_image1   + imageCustomWidth;
         assetsList.left_image2  = assetsURL + left_image2   + imageCustomWidth;
         assetsList.left_image3  = assetsURL + left_image3   + imageCustomWidth;
@@ -325,7 +328,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data) right_match
diff --git a/src/pages/drag/v20.astro b/src/pages/drag/v20.astro
index 62d89b5..9f082d2 100644
--- a/src/pages/drag/v20.astro
+++ b/src/pages/drag/v20.astro
@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
       x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -132,7 +135,7 @@ import Layout from '../../layouts/Layout.astro';
   var assetsList = {}
   const params = new URLSearchParams(window.location.search);
   const paramsID = params.get('id');
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
@@ -141,7 +144,7 @@ import Layout from '../../layouts/Layout.astro';
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.left_image1  = assetsURL + left_image1   + imageCustomWidth;
         assetsList.left_image2  = assetsURL + left_image2   + imageCustomWidth;
         assetsList.left_image3  = assetsURL + left_image3   + imageCustomWidth;
@@ -277,7 +280,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data) right_match
diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro
index 81d36f3..1ca3c44 100644
--- a/src/pages/drag/v3.astro
+++ b/src/pages/drag/v3.astro
@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     // function showAnimation() {
     //     const clipArt = document.querySelector('.clip-art');
     //     clipArt.classList.add('show');
@@ -203,20 +206,20 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.element1 = assetsURL + image1   + imageCustomWidth;
         assetsList.element2 = assetsURL + image2   + imageCustomWidth;
         assetsList.element3 = assetsURL + image3   + imageCustomWidth;
@@ -357,7 +360,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data)
diff --git a/src/pages/drag/v30.astro b/src/pages/drag/v30.astro
index f07b0e9..a162bd3 100644
--- a/src/pages/drag/v30.astro
+++ b/src/pages/drag/v30.astro
@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
       x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -160,7 +163,7 @@ import Layout from '../../layouts/Layout.astro';
   var assetsList = {};
   const params = new URLSearchParams(window.location.search);
   const paramsID = params.get('id');
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -169,7 +172,7 @@ import Layout from '../../layouts/Layout.astro';
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.element1 = assetsURL + image1   + imageCustomWidth;
         assetsList.element2 = assetsURL + image2   + imageCustomWidth;
         assetsList.element3 = assetsURL + image3   + imageCustomWidth;
@@ -300,7 +303,7 @@ import Layout from '../../layouts/Layout.astro';
     create() {
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             // console.log(data)
diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro
index 4f82162..0241ba0 100644
--- a/src/pages/drag/v4.astro
+++ b/src/pages/drag/v4.astro
@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     // function showAnimation() {
     //     const clipArt = document.querySelector('.clip-art');
     //     clipArt.classList.add('show');
@@ -170,16 +173,16 @@ import Layout from '../../layouts/Layout.astro';
         }
     }
     displaySprite();
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){imageCustomWidth = "?width=100";} else{imageCustomWidth = "?width=100";};
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.element1 = assetsURL + image1   + imageCustomWidth;
         assetsList.element2 = assetsURL + image2   + imageCustomWidth;
         assetsList.element3 = assetsURL + image3   + imageCustomWidth;
@@ -322,7 +325,7 @@ import Layout from '../../layouts/Layout.astro';
 
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             blockMatches = [
diff --git a/src/pages/drag/v40.astro b/src/pages/drag/v40.astro
index 32ad733..516420d 100644
--- a/src/pages/drag/v40.astro
+++ b/src/pages/drag/v40.astro
@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script src="/config.js" is:inline></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
       x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -127,7 +130,7 @@ import Layout from '../../layouts/Layout.astro';
   var assetsList = {};
   const params = new URLSearchParams(window.location.search);
   const paramsID = params.get('id');
-  const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+  const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -136,7 +139,7 @@ import Layout from '../../layouts/Layout.astro';
         } else{
           imageCustomWidth = "?width=100";
         }
-        const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
+        const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
         assetsList.element1 = assetsURL + image1   + imageCustomWidth;
         assetsList.element2 = assetsURL + image2   + imageCustomWidth;
         assetsList.element3 = assetsURL + image3   + imageCustomWidth;
@@ -289,7 +292,7 @@ import Layout from '../../layouts/Layout.astro';
 
       const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
           .then(response => response.json())
           .then(({ data }) => {
             blockMatches = [
diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro
index b7134c2..a720891 100644
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/src/pages/drawing/drawing_phonics.astro
@@ -69,7 +69,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -97,7 +100,7 @@ import Layout from '../../layouts/Layout.astro';
 
     let galleryData = [];  // Store gallery data from the API
     let currentSlide = 0;  // Initialize the current slide index
-    fetch(`https://api.teachertrainingkolkata.in/api/getGalleryImage?userId=${akademyUserId}&gameID=${paramsID}&gameName=${akademyGameName}`)
+    fetch(`${GAME_DU_URL_PREFIX}/api/getGalleryImage?userId=${akademyUserId}&gameID=${paramsID}&gameName=${akademyGameName}`)
         .then(res => res.json())
         .then(data => {
             galleryData = data; // Store the fetched gallery data
@@ -225,17 +228,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data = fetch(`${GAME_DU_URL_PREFIX}/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -289,7 +292,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro
index d97b6e4..5b21c6b 100644
--- a/src/pages/drawing/drawing_writo.astro
+++ b/src/pages/drawing/drawing_writo.astro
@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -225,17 +227,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -289,7 +291,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/game_drawing_jpg.astro b/src/pages/drawing/game_drawing_jpg.astro
index 82e18f0..72db87a 100644
--- a/src/pages/drawing/game_drawing_jpg.astro
+++ b/src/pages/drawing/game_drawing_jpg.astro
@@ -69,8 +69,10 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
-<script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/saveGameAI.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -237,17 +239,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -301,7 +303,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/game_drawing_png.astro b/src/pages/drawing/game_drawing_png.astro
index fef1b79..f710c74 100644
--- a/src/pages/drawing/game_drawing_png.astro
+++ b/src/pages/drawing/game_drawing_png.astro
@@ -69,8 +69,11 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
-<script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/saveGameAI.js"></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -255,17 +258,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -320,7 +323,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 7bda4a8..0509dc3 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -245,17 +247,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -310,7 +312,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/test.astro b/src/pages/drawing/test.astro
index bab131b..c0918ae 100644
--- a/src/pages/drawing/test.astro
+++ b/src/pages/drawing/test.astro
@@ -10,7 +10,9 @@ import Layout from '../../layouts/Layout.astro';
     </main>
 </Layout>
 <script src="/saveGameData.js" is:inline></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
     const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;
 
@@ -95,13 +97,13 @@ import Layout from '../../layouts/Layout.astro';
 
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -152,7 +154,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro
index 0aff395..20204e0 100644
--- a/src/pages/drawing/v2.astro
+++ b/src/pages/drawing/v2.astro
@@ -70,7 +70,10 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/config.js"></script>
+
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -243,19 +246,19 @@ import Layout from '../../layouts/Layout.astro';
         return result;
     }
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         colorList = data.colors;
         defaultColor = colorList[0];
     const {image1, image2} = data;
-    assetsList.image1 = "https://game-du.teachertrainingkolkata.in/assets/" + image1; // + "?width=450";
-    assetsList.image2 = "https://game-du.teachertrainingkolkata.in/assets/" + image2; // + "?width=450";
-    // console.log('Here is image -1', "https://game-du.teachertrainingkolkata.in/assets/" + image1)
+    assetsList.image1 = `${GAME_DU_URL_PREFIX}/assets/${image1}`; // + "?width=450";
+    assetsList.image2 = `${GAME_DU_URL_PREFIX}/assets/${image2}`; // + "?width=450";
+    // console.log('Here is image -1', `${GAME_DU_URL_PREFIX}/assets/${image1}`)
     const config = {
         type: Phaser.AUTO,
         width: window.innerWidth,
@@ -310,7 +313,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 14c661f..bfe0618 100644
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
 	</main>
 </Layout>
 <script src="/saveGameAI.js" is:inline></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     const params = new URLSearchParams(window.location.search);
     const paramsID = params.get('id');
     const akademyUserId = params.get('childId');
@@ -225,17 +227,17 @@ import Layout from '../../layouts/Layout.astro';
     // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
     // console.log(shortUniqueID);
 
-    const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    const data =       fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
         if(data.instruction){
           audioFileId = true;
         }
-        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
-    assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450";
+    assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
     // console.log(assetsList)
     
     const config = {
@@ -289,7 +291,7 @@ import Layout from '../../layouts/Layout.astro';
     function create() {
         const params = new URLSearchParams(window.location.search);
         const paramsID = params.get('id');
-        fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+        fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
             .then(response => response.json())
             .then(({ data }) => {
                 // console.log(data.colors)
diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro
index a43b9a6..c567ac4 100644
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -125,7 +125,9 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -207,11 +209,11 @@ import Layout from "../../layouts/Layout.astro";
         }, 100);
     }
 
-    fetch(`https://game-du.teachertrainingkolkata.in/items/tick_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/tick_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -237,7 +239,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
 
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 6; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro
index 1e05586..94d7b6d 100644
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -149,7 +149,9 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -232,11 +234,11 @@ import Layout from "../../layouts/Layout.astro";
         }, 100);
     }
     
-    fetch(`https://game-du.teachertrainingkolkata.in/items/tick_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/tick_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -271,7 +273,7 @@ import Layout from "../../layouts/Layout.astro";
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro
index cabd5af..73b18d1 100644
--- a/src/pages/tick/tick_phonics_v3.astro
+++ b/src/pages/tick/tick_phonics_v3.astro
@@ -106,7 +106,9 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -188,11 +190,11 @@ import Layout from "../../layouts/Layout.astro";
         }, 100);
     }
 
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_v3_phonics/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_v3_phonics/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -204,7 +206,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label2").innerHTML = gameData.label2;
                 document.getElementById("label3").innerHTML = gameData.label3;
             }
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             document.getElementById('descImage').src = assetsURL + gameData.descript_img;
             for (let i = 1; i <= 3; i++) {
                 const imageId = `image${i}`;
diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro
index 3502b15..2909b31 100644
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -1,5 +1,6 @@
 ---
 import Layout from "../../layouts/Layout.astro";
+// const API_URL = import.meta.env.PUBLIC_GAME_DU_API_URL;
 ---
 <Layout title="">
     <main>
@@ -123,9 +124,12 @@ import Layout from "../../layouts/Layout.astro";
 </Layout>
 <!-- <script is:inline src="/html2canvas.min.js"></script> -->
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 
 
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL
+
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -174,13 +178,13 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_variant1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_variant1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;  
             // console.log('totalCorrectFromApi', totalCorrectFromApi)    gameData
                
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -207,7 +211,7 @@ import Layout from "../../layouts/Layout.astro";
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 6; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro
index e0ee67d..c41cf46 100644
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -145,7 +145,9 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -224,11 +226,11 @@ import Layout from "../../layouts/Layout.astro";
             }
         }, 100);
     }
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_variant2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_variant2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -263,7 +265,7 @@ import Layout from "../../layouts/Layout.astro";
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro
index 8bdf8c8..3ef9c87 100644
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -111,7 +111,9 @@ import Layout from "../../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script is:inline src="/config.js"></script>
 <script is:inline>
+    let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
     let isPlaying = false;
     function audioPlayAndPause(){
         if(isPlaying === false){
@@ -161,11 +163,11 @@ import Layout from "../../layouts/Layout.astro";
     const progressBar = document.createElement('div');
     let totalCorrectFromApi = 0;
 
-    fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
+    fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
             document.getElementById('instrucAudio1').src = audioLink;
             document.getElementById('instrucAudio2').src = audioLink;
             document.querySelector('audio').load();
@@ -189,7 +191,7 @@ import Layout from "../../layouts/Layout.astro";
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
             // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
-            const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
+            const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
             document.getElementById('descImage').src = assetsURL + gameData.descript_img;
             for (let i = 1; i <= 3; i++) {
                 const imageId = `image${i}`;