Merge pull request #578 from Diksha57-git/fix/indentation-scope

Fix indentation and Flames function scope issue

Author: steam-bell-92

web-app/js/projects.js

@@ -1,8 +1,35 @@
 // Project Registry
 // Each project's HTML and logic lives in its own file under js/projects/
 
+//To Prevent duplicate intialisation
+let activeProject=null;
+
 function getProjectHTML(projectName) {
     const projects = {
+        'rock-paper-scissor': getRockPaperScissorHTML(),
+        'dice-rolling': getDiceRollingHTML(),
+        'coin-flip': getCoinFlipHTML(),
+        'number-guessing': getNumberGuessingHTML(),
+        'hangman': getHangmanHTML(),
+        'flames': getFlamesHTML(),
+        'emoji-memory': getEmojiMemoryGameHTML(),
+        'fibonacci': getFibonacciHTML(),
+        'progression-recognizer': getProgressionRecognizerHTML(),
+        'pascal-triangle': getPascalTriangleHTML(),
+        'armstrong': getArmstrongHTML(),
+        'calculator': getCalculatorHTML(),
+        'collatz': getCollatzHTML(),
+        'prime-analyzer': getPrimeAnalyzerHTML(),
+        'projectile-motion': getProjectileMotionHTML(),
+        'coordinate-polar-transform': getCoordinatePolarTransformHTML(),
+        'derivative-calculator': getDerivativeCalculatorHTML(),
+        'morse-code': getMorseCodeHTML(),
+        'tower-of-hanoi': getTowerOfHanoiHTML(),
+        'number-converter': getNumberConverterHTML(),
+        'typing-speed-tester': getTypingSpeedTesterHTML(),
+        'snake-game': getsnakeGameHTML(),
+        'password-forge': getPasswordForgeHTML(),
+        'whack-a-mole': getWhackaMoleHTML(),
         'tic-tac-toe': () => getTicTacToeHTML(),
         'rock-paper-scissor': () => getRockPaperScissorHTML(),
         'dice-rolling': () => getDiceRollingHTML(),
@@ -50,6 +77,12 @@ function getProjectHTML(projectName) {
 }
 
 function initializeProject(projectName) {
+    //Prevent duplicate listeners+duplicate ui execution
+    //if same project is already active it will not re run init
+    if(activeProject ===projectName ) return;
+
+    activeProject=projectName;
+
     const initializers = {
         'rock-paper-scissor': initRockPaperScissor,
         'dice-rolling': initDiceRolling,
@@ -70,6 +103,11 @@ function initializeProject(projectName) {
         'derivative-calculator': initDerivativeCalculator,
         'morse-code': initMorseCode,
         'tower-of-hanoi': initTowerOfHanoi,
+        'number-converter': initNumberConverter,
+        'typing-speed-tester': initTypingSpeedTester,
+        'snake-game': initSnakeGame,
+        'whack-a-mole': initWhackaMole,
+        'password-forge': initPasswordForge,
         '2048-game': init2048Game, // Added explicit mapped hook definition binding reference
         'typing-speed-tester': initTypingSpeedTester
     };
@@ -1841,6 +1879,109 @@ function initFlames() {
             </div>
         `;
     }
+
+    
+    function showSequence() {
+        isPlayingSequence = true;
+        disableButtons(true);
+        displayContent.textContent = "Watch the sequence...";
+        
+        let i = 0;
+        const playNextEmoji = () => {
+            if (i < sequence.length) {
+                const emoji = sequence[i];
+                const button = Array.from(emojiButtons).find(btn => btn.dataset.emoji === emoji);
+                
+                if (button) {
+                    button.classList.add('active');
+                    setTimeout(() => {
+                        button.classList.remove('active');
+                        i++;
+                        setTimeout(playNextEmoji, 500);
+                    }, 600);
+                }
+            } else {
+                isPlayingSequence = false;
+                disableButtons(false);
+                userSequence = [];
+                gameActive = true;
+                displayContent.textContent = "Your turn! Click the emojis...";
+                instructionsDiv.textContent = `👆 Repeat the sequence (${sequence.length} steps)`;
+            }
+        };
+        
+        playNextEmoji();
+    }
+    
+    function startNewRound() {
+        const newEmoji = emojis[Math.floor(Math.random() * emojis.length)];
+        sequence.push(newEmoji);
+        userSequence = [];
+        
+        sequenceLengthDisplay.textContent = sequence.length;
+        setTimeout(showSequence, 500);
+    }
+    
+    function handleEmojiClick(emoji, button) {
+        if (isPlayingSequence || !gameActive) return;
+        
+        userSequence.push(emoji);
+        button.classList.add('active');
+        
+        setTimeout(() => {
+            button.classList.remove('active');
+        }, 300);
+        
+        // Check if the emoji matches
+        if (userSequence[userSequence.length - 1] !== sequence[userSequence.length - 1]) {
+            gameOver();
+            return;
+        }
+        
+        // Check if the entire sequence is correct
+        if (userSequence.length === sequence.length) {
+            score += level * 10;
+            scoreDisplay.textContent = score;
+            level++;
+            levelDisplay.textContent = level;
+            
+            instructionsDiv.textContent = "✅ Correct! Get ready for the next round...";
+            gameActive = false;
+            setTimeout(startNewRound, 1500);
+        }
+    }
+    
+    function gameOver() {
+        gameActive = false;
+        disableButtons(true);
+        instructionsDiv.textContent = `❌ Game Over! You reached Level ${level} with Score: ${score}`;
+        displayContent.textContent = `Final Score: ${score}`;
+        startBtn.textContent = "▶️ PLAY AGAIN";
+    }
+    
+    function resetGame() {
+        sequence = [];
+        userSequence = [];
+        score = 0;
+        level = 1;
+        gameActive = false;
+        isPlayingSequence = false;
+        
+        scoreDisplay.textContent = '0';
+        levelDisplay.textContent = '1';
+        sequenceLengthDisplay.textContent = '0';
+        instructionsDiv.textContent = "👇 Click START to begin the game!";
+        displayContent.textContent = "Ready to test your memory?";
+        startBtn.textContent = "▶️ START";
+        
+        disableButtons(true);
+    }
+    
+    startBtn.addEventListener('click', () => {
+        resetGame();
+        gameActive = true;
+        instructionsDiv.textContent = "Watch the sequence...";
+        startNewRound();
 
     calculateBtn.addEventListener('click', calculateFlames);
     name1Input.addEventListener('keypress', (e) => {
@@ -1853,7 +1994,7 @@ function initFlames() {
 
 // ============================================
 // COLLATZ CONJECTURE
-// ============================================
+// ===========================================
 function getCollatzHTML() {
     return `
         <div class="project-content">