A fully interactive chess game built with vanilla HTML, CSS, and JavaScript — featuring neon glow animations, move highlighting, and turn-based gameplay.
A complete two-player chess game running in the browser with no frameworks, no dependencies (except jQuery for DOM), and no backend. Built to showcase clean game logic and creative CSS animations.
- Full 8×8 chess board with all standard piece movements
- Click to select a piece — valid moves highlighted in green
- Neon glow animations on piece hover and selection
- Turn indicator — alternates White / Black after each move
- Piece shake animation on invalid move attempt
- Zero setup — open in browser and play instantly
→ javascript-chess-game-nine.vercel.app
- White moves first — click any white piece to select it
- Green squares show valid moves
- Click a highlighted square to move
- Turn passes to Black — repeat
- Capture the opponent's king to win
# Clone the repo
git clone https://github.com/Shreyaaaaaak/Javascript-chess-game.git
cd Javascript-chess-game
# Open in browser — no install needed
open index.htmlJavascript-chess-game/
├── index.html # Game board and layout
├── style.css # Board styling, neon animations, transitions
├── script.js # All chess logic — piece movement, turn handling
└── README.md
- HTML5 — board structure and piece layout
- CSS3 — neon glow effects, hover transitions, shake animations
- JavaScript — move validation, turn logic, game state
- jQuery 3.2.1 — DOM manipulation
- Implementing chess move validation from scratch (especially castling and en passant edge cases)
- Managing complex game state in vanilla JS without a framework
- CSS animation techniques for interactive feedback (glow, shake, highlight)
- AI opponent (minimax algorithm)
- Check / checkmate detection with alerts
- Move history panel
- Timer mode for blitz chess
- Mobile touch support
Shreya Kaushik — ECE @ KIIT University (2027)
GitHub · LinkedIn
MIT — free to fork and extend.