snake, tictactoe games added

issues with image urls fixed

Author: MiniRobotDev

assets/images/projects/frontend/games/snake.webp

@@ -256,5 +256,28 @@
         "sources": [{ "title": "gitHub", "url": "https://github.com/devshashtag/flexbox-kit" }]
       }
     ]
+  },
+  {
+    "category": "frontend <span>&gt;</span> games",
+    "projects": [
+      {
+        "name": "snake",
+        "root": "/snake",
+        "description": "a classic snake game that using hamiltonian cycle algorithm for snake movement",
+        "image": ["/assets/images/projects/frontend/games/snake.webp"],
+        "tags": ["HTML", "CSS", "JAVASCRIPT", "RESPONSIVE"],
+        "pages": [{ "title": "home", "url": "" }],
+        "sources": [{ "title": "gitHub", "url": "https://github.com/devshashtag/snake" }]
+      },
+      {
+        "name": "tic tac toe",
+        "root": "/tictactoe",
+        "description": "a simple tic-tac-toe game",
+        "image": ["/assets/images/projects/frontend/games/tictactoe.webp"],
+        "tags": ["HTML", "CSS", "JAVASCRIPT", "RESPONSIVE"],
+        "pages": [{ "title": "home", "url": "" }],
+        "sources": [{ "title": "gitHub", "url": "https://github.com/devshashtag/tictactoe" }]
+      }
+    ]
   }
 ]

assets/images/projects/frontend/games/tictactoe.webp

@@ -96,7 +96,7 @@ function projectCardTemplate(project) {
     <div class="category__card">
       <div class="card__name">${project.name}</div>
       <div class="card__image">
-        <img src="${project.image}" alt="${project.name}" loading="lazy" />
+        <img src="${project.image ?? ''}" alt="${project.name}" loading="lazy" />
       </div>
       <div class="card__modal">
         <div class="modal__box">