Amuzyin-Chess – A fully playable browser chess game

• 

• 

  Two players testing move accuracy, turn tracking, and legal move detection in Amuzyin Chess.

Inspiration

I wanted to build something simple, clean, and interactive that people could actually play. Chess was the perfect choice because it combines logic, creativity, and problem-solving — all things that inspired me to study engineering and computer science. I also wanted a project that would push me to learn more about JavaScript logic, UI design, and how real browser apps are built.

What it does

Amuzyin-Chess is a fully playable web-based chess game. Players can: • Move all pieces legally • See highlighted legal moves • Track turns (White/Black) • Detect check, checkmate, and stalemate • View move history • Undo moves • Restart the game instantly

It’s lightweight, fast, and works directly in the browser — no downloads needed.

How we built it

The entire game is built using HTML, CSS, and JavaScript only. I wrote the full logic for: • Piece movement rules • Legal move filtering • King-in-check detection • Game-state evaluation (checkmate, stalemate) • UI updates and render functions • Move logging and undo stack • Turn-tracking and visual highlights

I also added a custom board UI, piece icons, animations, a sidebar panel, and GitHub Pages hosting so the game is playable online.

Challenges I ran into

• Designing proper legal move logic was harder than expected.
• Detecting “check” without accidentally creating infinite loops took time.
• Ensuring the king cannot move into danger required simulation of hypothetical moves.
• Debugging highlight states (selected square, capture squares, last move) was tricky.
• Hosting on GitHub Pages required renaming files and structuring everything correctly.

Accomplishments that I am proud of

• Built a full chess engine from scratch — no libraries.
• Created a clean, professional UI that looks polished.
• Successfully implemented check, checkmate, stalemate, and undo.
• Made the entire game playable online through GitHub Pages.
• Learned to debug complex logical interactions between JavaScript functions.

What we learned

I learned how to structure JavaScript projects better, think more like a game developer, and manage a system with many small moving parts. I also learned more about event listeners, dynamic rendering, state management, DOM updates, and publishing websites online. This project taught me patience, debugging skills, and how to break large problems into small, solvable pieces.

What's next for Amuzyin-Chess – A fully playable browser chess game

There are several features I want to add next: • Castling • En passant • Pawn promotion menu (not automatic queen) • Player vs. computer mode (AI engine) • Online multiplayer mode • Mobile-friendly responsive layout • Sound effects and animations

I also want to make the interface more customizable and add a dark/light theme toggle.

Built With

• css
• html
• javascript