Create a checkmate game based on what I have provide to you

🧩 Project Prompt: Pocket Chess – Checkmate Challenge Website 🎯 Project Goal Build a web-based chess game that focuses on checkmate puzzles and smart gameplay experiences. The game should be engaging, educational, and fun for chess lovers of all levels.

🔧 Core Features 🧾 Game Instructions Clear visual guides or images explaining: How to move pieces What is checkmate How to play puzzle levels

♟️ Dynamic Chessboard Size (Optional) Board size should adapt on the level of the game Mini boards (5x5 or 6x6) for quick puzzles (Pocket Chess mode).

🧠 Puzzle Mode Levels 1–10: Predefined checkmate puzzles. Each puzzle should be solved in 1 or 5 moves Display success or failure feedback. like this website https://www.chess.com/puzzles or like Pocket Chess mobile app

🚨Checkmate Detection The game must detect checkmate accurately and declare it. And if the user doesn't get the checkmate then he should try again

💥 Sound Effects For actions like: Piece moved Check Checkmate Puzzle complete

🤖 AI Opponent Play full games against the AI (with difficulty levels if possible). Or make the use choose if he want to play with the another user

🏁 Try again State When the game ends (checkmate) Or when he move in wrong moves return the piece in it's place and try again

🎞️ Animations Smooth animations for: Piece movement Puzzle transitions Win/loss states

🧩 Level Selection Players can choose any puzzle level directly. No need to complete puzzles in order but give him a warning that are you sure and make sure the others levels are locked until he ask to open it

🎨 UI/UX Clean, responsive UI. Use smooth transitions and a modern color scheme.

🔗 Inspiration / Puzzle Sources Chess.com Puzzles Lichess.org Training Pocket Chess (Mobile Game)