Chess Clone banner

Chess Clone

9 devlogs
7h 1m 2s

I developed a fully functional web-based chess game using HTML, CSS, and JavaScript. The project focuses on creating an interactive and user-friendly interface while implementing the core logic of the game.

The game features a visually structur…

I developed a fully functional web-based chess game using HTML, CSS, and JavaScript. The project focuses on creating an interactive and user-friendly interface while implementing the core logic of the game.

The game features a visually structured chessboard designed with CSS, while JavaScript handles piece movement, turn-based gameplay, and rule enforcement. Players can move pieces according to standard chess rules, with validations to ensure legal moves.

This project helped me strengthen my understanding of DOM manipulation, event handling, and game logic implementation in JavaScript. It also demonstrates my ability to build dynamic, responsive web applications from scratch without relying on external libraries or frameworks.

This project uses AI

Used AI for debugging and learning new concepts.

Demo Repository

Loading README...

kanikaab90

Shipped this project!

Hours: 7.02
Cookies: 🍪 34
Multiplier: 4.89 cookies/hr

I built a fully functional chess game using HTML, CSS, and JavaScript. The most challenging part was implementing the game logic, especially handling piece movements, validating legal moves, and keeping track of turns correctly. I also spent time making the UI clean and responsive so the board feels smooth and intuitive to play on.

I’m really proud that I was able to bring everything together into a playable experience, from the design to the logic. This project helped me better understand DOM manipulation, event handling, and structuring more complex JavaScript code. Seeing the game actually work end-to-end was super rewarding!

kanikaab90

Provide some changes in the UI for the game to be look elegant. Display the winners at the end of the game

Attachment
0
kanikaab90

I have created a function to power up the pieces

Attachment
Attachment
0
kanikaab90

I have a created a function for Castling (King-Rook)

Attachment
0
kanikaab90

i have create the function for strike the another

Attachment
Attachment
0
kanikaab90

I write a script to show the possible move by showing the dotted line for the pieces

Attachment
0
kanikaab90

I have completed my script to move a pieces with proper move rules

Attachment
1

Comments

Cyber Ninja
Cyber Ninja about 1 month ago

nice

kanikaab90

I have completed scripts to the tracking of a piece and display in the bottom.
which is important for the player to track the piece

Attachment
0
kanikaab90

I have completed My UI for this game, Which to be attracted by the player

Attachment
0
kanikaab90

I am creating a chess clone.
So, far I have created the basic HTML and CSS structure.

Attachment
0