feat: implement Number Sliding Puzzle game with move tracking and win detection

Author: Diksha57-git

games/Number-Sliding_puzzle/Number-Sliding-puzzle.py

@@ -0,0 +1,91 @@
+import random
+
+print("🧩 Emoji Sliding Puzzle Game 🧩")
+print("Arrange the numbers in correct order!\n")
+
+numbers = [1, 2, 3, 4, 5, 6, 7, 8, 0]
+
+random.shuffle(numbers)
+
+puzzle = [
+    numbers[0:3],
+    numbers[3:6],
+    numbers[6:9]
+]
+
+moves = 0
+def display_puzzle():
+    print("\n🎮 Current Puzzle:\n")
+    for row in puzzle:
+        for item in row:
+            if item == 0:
+                print("⬜", end=" ")
+            else:
+                print(f"{item}️⃣", end=" ")
+        print()
+
+def find_positions(choice):
+    empty_row = 0
+    empty_col = 0
+    number_row = -1
+    number_col = -1
+
+    for i in range(3):
+        for j in range(3):
+            if puzzle[i][j] == 0:
+                empty_row = i
+                empty_col = j
+            if puzzle[i][j] == choice:
+                number_row = i
+                number_col = j
+    return number_row, number_col, empty_row, empty_col
+
+
+def move_tile(choice):
+    global moves
+    number_row, number_col, empty_row, empty_col = find_positions(choice)
+
+    if number_row == -1:
+        print("⚠️ Number not found!")
+        return
+    if (
+        abs(number_row - empty_row) == 1
+        and number_col == empty_col
+    ) or (
+        abs(number_col - empty_col) == 1
+        and number_row == empty_row
+    ):
+
+        puzzle[empty_row][empty_col] = choice
+        puzzle[number_row][number_col] = 0
+        moves += 1
+        print("✅ Tile moved successfully!")
+
+    else:
+        print("❌ Invalid move! Tile must be next to empty space.")
+
+def check_win():
+    winning_puzzle = [
+        [1, 2, 3],
+        [4, 5, 6],
+        [7, 8, 0]
+    ]
+    return puzzle == winning_puzzle
+
+def init():
+    global moves
+    while True:
+        display_puzzle()
+        print(f"\n🔄 Moves: {moves}")
+        if check_win():
+            print("\n🎉 Congratulations! You solved the puzzle!")
+            break
+        try:
+            choice = int(input("\n🎯 Enter number to move: "))
+        except ValueError:
+            print("❌ Please enter a valid number!")
+            continue
+        move_tile(choice)
+    print("\n👋 Thanks for playing Emoji Sliding Puzzle!\n")
+
+init()

web-app/js/projects.js

@@ -22,6 +22,7 @@ function getProjectHTML(projectName) {
         'tower-of-hanoi': getTowerOfHanoiHTML(),
         'snake-game': getsnakeGameHTML(),
         'password-forge': getPasswordForgeHTML(),
+        'number-sliding-puzzle': getNumberSlidingPuzzleHTML(),
     };
 
     return projects[projectName] || '<h2>Project Coming Soon!</h2>';
@@ -48,6 +49,7 @@ function initializeProject(projectName) {
         'morse-code': initMorseCode,
         'tower-of-hanoi': initTowerOfHanoi,
         'snake-game': initSnakeGame,
+        'number-sliding-puzzle': initNumberSlidingPuzzle,
     };
 
     if (initializers[projectName]) {
@@ -4940,4 +4942,139 @@ function initPasswordForge() {
             result.textContent = "❌ Password does not meet all rules!";
         }
     });
+}
+
+// ============================================
+// 🧩 NUMBER SLIDING PUZZLE (NEW ADDED GAME)
+// ============================================
+
+function getNumberSlidingPuzzleHTML() {
+    return `
+        <div class="project-content">
+            <h2>🧩 Number Sliding Puzzle</h2>
+
+            <div class="game-container">
+                <p>Arrange numbers from 1 to 8 in order</p>
+
+                <div id="puzzleBoard" class="puzzle-board"></div>
+
+                <p>Moves: <span id="moveCount">0</span></p>
+
+                <button id="resetPuzzle" class="btn-reset">Restart Game</button>
+
+                <div id="winMessage"></div>
+            </div>
+        </div>
+    `;
+}
+
+// ============================================
+// 🧠 NUMBER SLIDING PUZZLE LOGIC
+// ============================================
+
+function initNumberSlidingPuzzle() {
+    let moves = 0;
+    let puzzle = [];
+
+    function chunk(arr) {
+        return [
+            arr.slice(0, 3),
+            arr.slice(3, 6),
+            arr.slice(6, 9)
+        ];
+    }
+
+    function shuffle() {
+        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 0];
+
+        do {
+            for (let i = arr.length - 1; i > 0; i--) {
+                const j = Math.floor(Math.random() * (i + 1));
+                [arr[i], arr[j]] = [arr[j], arr[i]];
+            }
+        } while (JSON.stringify(chunk(arr)) === JSON.stringify([
+            [1,2,3],
+            [4,5,6],
+            [7,8,0]
+        ]));
+
+        return chunk(arr);
+    }
+
+    function render() {
+        const board = document.getElementById("puzzleBoard");
+        const moveText = document.getElementById("moveCount");
+
+        board.innerHTML = "";
+        moveText.textContent = moves;
+
+        puzzle.forEach((row, i) => {
+            row.forEach((val, j) => {
+                const div = document.createElement("div");
+                div.className = "tile";
+
+                if (val === 0) {
+                    div.classList.add("empty");
+                } else {
+                    div.textContent = val;
+                    div.onclick = () => moveTile(i, j);
+                }
+
+                board.appendChild(div);
+            });
+        });
+
+        if (isWin()) {
+            document.getElementById("winMessage").textContent =
+                "🎉 Puzzle Solved!";
+        }
+    }
+
+    function findEmpty() {
+        for (let i = 0; i < 3; i++) {
+            for (let j = 0; j < 3; j++) {
+                if (puzzle[i][j] === 0) return [i, j];
+            }
+        }
+    }
+
+    function moveTile(i, j) {
+        const [ei, ej] = findEmpty();
+
+        const isAdjacent =
+            (Math.abs(i - ei) === 1 && j === ej) ||
+            (Math.abs(j - ej) === 1 && i === ei);
+
+        if (!isAdjacent) return;
+
+        [puzzle[i][j], puzzle[ei][ej]] = [0, puzzle[i][j]];
+        moves++;
+        render();
+    }
+
+    function isWin() {
+        let expected = 1;
+
+        for (let i = 0; i < 3; i++) {
+            for (let j = 0; j < 3; j++) {
+                if (i === 2 && j === 2) {
+                    if (puzzle[i][j] !== 0) return false;
+                } else {
+                    if (puzzle[i][j] !== expected++) return false;
+                }
+            }
+        }
+        return true;
+    }
+
+    function resetGame() {
+        moves = 0;
+        puzzle = shuffle();
+        document.getElementById("winMessage").textContent = "";
+        render();
+    }
+
+    document.getElementById("resetPuzzle").onclick = resetGame;
+
+    resetGame();
 }