Create a Chess game with ReactJS part 31: Checkmate
Creating the checkmate functionality, adding a rematch and finishing the castling logic is what we are going to talk about and implement in this episode of creating a chess game with React using TypeScript.
The code in this video can be found on the Frontend Coding GitHub repository:
https://github.com/FrontendCodingYT/c...
Timestamps:
0:00 Welcome! Short introduction.
0:20 Explaining! Bug in the possible moves.
1:50 Coding! Fixing the bug.
3:55 Coding! Implementing the castling logic.
7:53 Explaining! Map vs Reduce function.
8:45 Coding! Updating king and rook position.
11:22 Demo! Does it work?
12:45 Coding! Cleaning up TODO comments.
15:30 Coding! Creating the checkmate modal.
17:48 Coding! Make the modal more generic.
18:48 Coding! Styling the modal :).
21:35 Coding! Keeping track of the winning team.
23:54 Coding! Updating the winning team.
27:07 Explaining! Solution for the bug.
27:30 Coding! Fixing the bug.
30:25 Coding! Showing the rematch modal.
31:15 Coding! Adding the rematch functionality.
34:00 Demo! Recap of what we have.
34:48 Thank you for watching! See you next time :)