diff --git a/apps/fireworks test.html b/apps/fireworks test.html
new file mode 100644
index 0000000..ca12553
--- /dev/null
+++ b/apps/fireworks test.html	
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fireworks Test</title>
+    <style>
+        body {
+            margin: 0;
+            overflow: hidden;
+        }
+        canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+<body>
+    <canvas id="fireworksCanvas"></canvas>
+    <script>
+        const canvas = document.getElementById("fireworksCanvas");
+        const ctx = canvas.getContext("2d");
+
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+
+        const colors = ["#ff5f6d", "#ffc371", "#7bed9f", "#70a1ff", "#5352ed"];
+        const particles = [];
+        const gravity = 0.05;
+
+        function createFirework(x, y) {
+            const numParticles = 50;
+            for (let i = 0; i < numParticles; i++) {
+                const angle = (Math.PI * 2 * i) / numParticles;
+                const speed = Math.random() * 4 + 1;
+                const color = colors[Math.floor(Math.random() * colors.length)];
+                particles.push({
+                    x,
+                    y,
+                    vx: Math.cos(angle) * speed,
+                    vy: Math.sin(angle) * speed,
+                    alpha: 1,
+                    color,
+                });
+            }
+        }
+
+        function updateParticles() {
+            for (let i = particles.length - 1; i >= 0; i--) {
+                const p = particles[i];
+                p.vy += gravity;
+                p.x += p.vx;
+                p.y += p.vy;
+                p.alpha -= 0.01;
+
+                if (p.alpha <= 0) {
+                    particles.splice(i, 1);
+                }
+            }
+        }
+
+        function drawParticles() {
+            ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+            for (const p of particles) {
+                ctx.globalAlpha = p.alpha;
+                ctx.fillStyle = p.color;
+                ctx.beginPath();
+                ctx.arc(p.x, p.y, 5, 0, Math.PI * 2);
+                ctx.fill();
+            }
+        }
+
+        function loop() {
+            updateParticles();
+            drawParticles();
+            requestAnimationFrame(loop);
+        }
+
+        window.addEventListener("DOMContentLoaded", () => {
+            createFirework(window.innerWidth / 2, window.innerHeight / 2);
+            loop();
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/apps/riddling 151224.html b/apps/riddling 151224.html
new file mode 100644
index 0000000..e9a528e
--- /dev/null
+++ b/apps/riddling 151224.html	
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Riddling Game with Fireworks</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #0b0c10;
+            color: #c5c6c7;
+            text-align: center;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+        canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 1; /* Behind the container */
+            pointer-events: none; /* Ensures interactions pass through */
+        }
+        .container {
+            max-width: 600px;
+            margin: 50px auto;
+            background: #1f2833;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
+            position: relative;
+            z-index: 10;
+        }
+        h1 {
+            color: #66fcf1;
+        }
+        .riddle {
+            font-size: 1.2em;
+            margin: 20px 0;
+            color: #c5c6c7;
+        }
+        input[type="text"] {
+            width: 80%;
+            padding: 10px;
+            font-size: 1em;
+            margin-bottom: 20px;
+            border: 1px solid #45a29e;
+            border-radius: 5px;
+            background-color: #0b0c10;
+            color: #c5c6c7;
+        }
+        button {
+            background-color: #45a29e;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            font-size: 1em;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+        button:hover {
+            background-color: #66fcf1;
+            color: #0b0c10;
+        }
+        .feedback {
+            margin: 15px 0;
+            font-size: 1.1em;
+            color: #66fcf1;
+        }
+    </style>
+</head>
+<body>
+    <canvas id="fireworksCanvas"></canvas>
+    <div class="container">
+        <h1>Intergalactic Riddling Game</h1>
+        <div class="riddle" id="riddle">Loading...</div>
+        <input type="text" id="answer" placeholder="Type your answer here...">
+        <br>
+        <button onclick="checkAnswer()">Submit</button>
+        <button onclick="giveHint()">Give Hint</button>
+        <button onclick="giveUp()">Give Up</button>
+        <button onclick="nextRiddle()">Next Riddle</button>
+        <button onclick="createFirework(window.innerWidth / 2, window.innerHeight / 2)">Test Fireworks</button>
+        <div class="feedback" id="feedback"></div>
+    </div>
+    <script>
+        const riddles = [
+            { question: "I orbit a star and might host life, but I am not a star myself. What am I?", answer: "planet", hint: "It's something you can find in the solar system." },
+            { question: "I have no air, no sound, and no light, yet travelers come to explore my infinite expanse. What am I?", answer: "space", hint: "It's vast, dark, and full of stars." },
+            { question: "I am the fastest traveler known, but you cannot catch or hold me. What am I?", answer: "light", hint: "Think of what travels at 300,000 km/s." },
+            { question: "I carry humans to the stars, breaking free from Earth's gravity. What am I?", answer: "rocket", hint: "It launches into space from Earth." },
+            { question: "I protect you from solar storms and cosmic radiation, though I am invisible. What am I?", answer: "magnetosphere", hint: "It's Earth's protective shield against solar winds." },
+        ];
+
+        let currentRiddleIndex = 0;
+        const canvas = document.getElementById("fireworksCanvas");
+        const ctx = canvas.getContext("2d");
+
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+
+        const colors = ["#ff5f6d", "#ffc371", "#7bed9f", "#70a1ff", "#5352ed"];
+        const particles = [];
+        const gravity = 0.05;
+
+        function createFirework(x, y) {
+            const numParticles = 50;
+            for (let i = 0; i < numParticles; i++) {
+                const angle = (Math.PI * 2 * i) / numParticles;
+                const speed = Math.random() * 4 + 1;
+                const color = colors[Math.floor(Math.random() * colors.length)];
+                particles.push({
+                    x,
+                    y,
+                    vx: Math.cos(angle) * speed,
+                    vy: Math.sin(angle) * speed,
+                    alpha: 1,
+                    color,
+                });
+            }
+        }
+
+        function updateParticles() {
+            for (let i = particles.length - 1; i >= 0; i--) {
+                const p = particles[i];
+                p.vy += gravity;
+                p.x += p.vx;
+                p.y += p.vy;
+                p.alpha -= 0.01;
+
+                if (p.alpha <= 0) {
+                    particles.splice(i, 1);
+                }
+            }
+        }
+
+        function drawParticles() {
+            ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+            for (const p of particles) {
+                ctx.globalAlpha = p.alpha;
+                ctx.fillStyle = p.color;
+                ctx.beginPath();
+                ctx.arc(p.x, p.y, 5, 0, Math.PI * 2);
+                ctx.fill();
+            }
+        }
+
+        function loop() {
+            updateParticles();
+            drawParticles();
+            requestAnimationFrame(loop);
+        }
+
+        window.addEventListener("resize", () => {
+            canvas.width = window.innerWidth;
+            canvas.height = window.innerHeight;
+        });
+
+        function loadRiddle() {
+            document.getElementById('riddle').textContent = riddles[currentRiddleIndex].question;
+            document.getElementById('feedback').textContent = '';
+            document.getElementById('answer').value = '';
+        }
+
+        function checkAnswer() {
+            const userAnswer = document.getElementById('answer').value.trim().toLowerCase();
+            const correctAnswer = riddles[currentRiddleIndex].answer;
+
+            if (isSimilarAnswer(userAnswer, correctAnswer)) {
+                document.getElementById('feedback').textContent = 'Correct! ??';
+                document.getElementById('feedback').style.color = '#66fcf1';
+                createFirework(window.innerWidth / 2, window.innerHeight / 2);
+            } else {
+                document.getElementById('feedback').textContent = 'Incorrect. Try again!';
+                document.getElementById('feedback').style.color = '#ff4c4c';
+            }
+        }
+
+        function isSimilarAnswer(userAnswer, correctAnswer) {
+            const normalizedAnswer = correctAnswer.toLowerCase();
+            const variations = [
+                normalizedAnswer,
+                `${normalizedAnswer}s`,
+                `an ${normalizedAnswer}`,
+                `a ${normalizedAnswer}`,
+                `${normalizedAnswer}.`,
+                `${normalizedAnswer}!`,
+                `${normalizedAnswer}?`
+            ];
+            return variations.some(variation => userAnswer === variation || userAnswer.includes(normalizedAnswer));
+        }
+
+        function giveHint() {
+            document.getElementById('feedback').textContent = `Hint: ${riddles[currentRiddleIndex].hint}`;
+            document.getElementById('feedback').style.color = '#f1c40f';
+        }
+
+        function giveUp() {
+            document.getElementById('feedback').textContent = `The answer is: ${riddles[currentRiddleIndex].answer}`;
+            document.getElementById('feedback').style.color = '#ff4c4c';
+        }
+
+        function nextRiddle() {
+            currentRiddleIndex = (currentRiddleIndex + 1) % riddles.length;
+            loadRiddle();
+        }
+
+        window.addEventListener("DOMContentLoaded", () => {
+            loadRiddle();
+            loop();
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/apps/speaking number hindi.html b/apps/speaking number hindi.html
new file mode 100644
index 0000000..44caa3b
--- /dev/null
+++ b/apps/speaking number hindi.html	
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="hi">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>बोलकर संख्या बताएं</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      text-align: center;
+      margin: 0;
+      padding: 0;
+      background-color: #f4f4f9;
+      color: #333;
+    }
+
+    header {
+      background-color: #6200ea;
+      color: white;
+      padding: 1rem;
+      margin-bottom: 20px;
+    }
+
+    h1 {
+      margin: 0;
+    }
+
+    #last-spoken {
+      font-size: 1.5rem;
+      margin-top: 10px;
+    }
+
+    #numbers {
+      font-size: 2rem;
+      margin-top: 20px;
+    }
+
+    #ball-container {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-top: 20px;
+    }
+
+    .ball {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+      margin: 5px;
+    }
+
+    button {
+      background-color: #6200ea;
+      color: white;
+      border: none;
+      padding: 10px 20px;
+      font-size: 1rem;
+      cursor: pointer;
+      border-radius: 5px;
+      margin-top: 20px;
+    }
+
+    button:disabled {
+      background-color: #ccc;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>बोलकर संख्या बताएं</h1>
+  </header>
+  <main>
+    <p>नीचे दिए गए बटन पर क्लिक करें और बोलना शुरू करें। जो संख्या आप कहेंगे वह यहां दिखाई देगी:</p>
+    <div id="last-spoken">आखिरी बार कहा गया: कुछ नहीं</div>
+    <div id="numbers">आखिरी संख्या: अभी तक कोई संख्या नहीं</div>
+    <div id="ball-container"></div>
+    <button id="start-btn">सुनना शुरू करें</button>
+  </main>
+  <script>
+    const startButton = document.getElementById('start-btn');
+    const lastSpokenDiv = document.getElementById('last-spoken');
+    const numbersDiv = document.getElementById('numbers');
+    const ballContainer = document.getElementById('ball-container');
+
+    const numberWords = {
+      "एक": 1,
+      "दो": 2,
+      "तीन": 3,
+      "चार": 4,
+      "पाँच": 5,
+      "छह": 6,
+      "सात": 7,
+      "आठ": 8,
+      "नौ": 9,
+      "दस": 10
+    };
+
+    let ballCounts = [];
+    let lastProcessedResult = ""; // Store last processed result to avoid duplicates
+    let isRecognitionStopped = false;
+    let isAnswerPhase = false; // Toggle to differentiate between normal and answer phases
+
+    if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+      const recognition = new SpeechRecognition();
+
+      recognition.lang = 'hi-IN'; // Set language to Hindi
+      recognition.interimResults = true;
+      recognition.continuous = true;
+
+      let isListening = false;
+
+      startButton.addEventListener('click', () => {
+        if (isListening) {
+          recognition.stop();
+          startButton.textContent = 'सुनना शुरू करें';
+          isListening = false;
+        } else {
+          try {
+            lastProcessedResult = ""; // Reset processed result tracking
+            recognition.start();
+            startButton.textContent = 'सुन रहे हैं... रोकने के लिए क्लिक करें';
+            isListening = true;
+          } catch (error) {
+            console.error('Error starting recognition:', error);
+            alert('कृपया माइक्रोफोन की अनुमति दें और पृष्ठ को पुनः लोड करें।');
+          }
+        }
+      });
+
+      recognition.onresult = (event) => {
+        let interimTranscript = "";
+
+        for (let i = event.resultIndex; i < event.results.length; i++) {
+          const result = event.results[i];
+          const transcript = result[0].transcript.trim();
+
+          // Update "Last spoken" regardless of phase
+          updateLastSpoken(transcript, result.isFinal);
+
+          if (result.isFinal) {
+            // Handle either normal or answer phase
+            if (!isAnswerPhase) {
+              if (transcript !== lastProcessedResult) {
+                lastProcessedResult = transcript; // Prevent duplicates
+                processTranscript(transcript);
+              }
+            } else {
+              handleAnswer(transcript);
+            }
+          }
+        }
+      };
+
+      function updateLastSpoken(text, isFinal) {
+        const prefix = isFinal ? "आखिरी बार कहा गया" : "आखिरी बार कहा गया (आस्थायी)";
+        lastSpokenDiv.textContent = `${prefix}: ${text}`;
+      }
+
+      function processTranscript(transcript) {
+        // Convert Hindi number words to digits
+        transcript = transcript.replace(/\b(एक|दो|तीन|चार|पाँच|छह|सात|आठ|नौ|दस)\b/g, (match) => {
+          return numberWords[match];
+        });
+
+        const matches = transcript.match(/\b\d+\b/g);
+
+        if (matches) {
+          const latestNumber = matches[matches.length - 1];
+          numbersDiv.textContent = `आखिरी संख्या: ${latestNumber}`;
+          const count = parseInt(latestNumber);
+
+          if (!isNaN(count) && count > 0 && ballCounts.length < 2) {
+            ballCounts.push(count);
+            addBalls(count);
+
+            if (ballCounts.length === 2) {
+              setTimeout(() => askQuestion(), 500);
+            }
+          }
+        }
+      }
+
+      function addBalls(count) {
+        const colors = ['#ff5733', '#33ff57', '#3357ff', '#ff33a8', '#a833ff', '#33fff3', '#ffa733'];
+        const color = colors[Math.floor(Math.random() * colors.length)];
+
+        for (let i = 0; i < count; i++) {
+          const ball = document.createElement('div');
+          ball.className = 'ball';
+          ball.style.backgroundColor = color;
+          ballContainer.appendChild(ball);
+        }
+      }
+
+      function askQuestion() {
+        const total = ballCounts.reduce((a, b) => a + b, 0);
+        const question = `कुल गेंदें कितनी हैं?`;
+
+        const synth = window.speechSynthesis;
+        const utterance = new SpeechSynthesisUtterance(question);
+
+        isAnswerPhase = true; // Enter answer phase
+        isRecognitionStopped = true;
+        recognition.stop();
+        synth.speak(utterance);
+
+        utterance.onend = () => {
+          isRecognitionStopped = false;
+          recognition.start();
+        };
+      }
+
+      function handleAnswer(transcript) {
+        const total = ballCounts.reduce((a, b) => a + b, 0);
+        const answer = parseInt(transcript);
+        const synth = window.speechSynthesis;
+
+        if (!isNaN(answer)) {
+          if (answer === total) {
+            const congrats = `शाबाश! आपने सही पहचाना कि ${ballCounts[0]} और ${ballCounts[1]} का योग ${total} है।`;
+            const congratsUtterance = new SpeechSynthesisUtterance(congrats);
+            synth.speak(congratsUtterance);
+            congratsUtterance.onend = () => {
+              resetToListeningMode();
+            };
+          } else {
+            const hint = `गलत! एक सुझाव: ${ballCounts[0]} और ${ballCounts[1]} का योग क्या है?`;
+            const hintUtterance = new SpeechSynthesisUtterance(hint);
+            synth.speak(hintUtterance);
+          }
+        }
+      }
+
+      function resetToListeningMode() {
+        ballCounts = [];
+        isAnswerPhase = false;
+        lastProcessedResult = ""; // Reset processed results
+      }
+
+      recognition.onerror = (event) => {
+        console.error('Speech recognition error:', event.error);
+        alert('स्पीच मान्यता में त्रुटि। कृपया पृष्ठ को पुनः लोड करें।');
+        isListening = false;
+        startButton.textContent = 'सुनना शुरू करें';
+      };
+
+      recognition.onend = () => {
+        if (isListening && !isRecognitionStopped) {
+          recognition.start();
+        } else {
+          startButton.textContent = 'सुनना शुरू करें';
+        }
+      };
+    } else {
+      alert('माफ़ कीजिये, आपका ब्राउज़र वेब स्पीच API का समर्थन नहीं करता। कृपया Chrome या Edge का उपयोग करें।');
+      startButton.disabled = true;
+    }
+  </script>
+</body>
+</html>
