Game making is one of the most popular branches of programming. It is also a fun way to learn any new programming language while creating an interesting project. In this series, we will go step-by-step through implementing a simple Tic-Tac-Toe-like game using HTML, CSS and JavaScript. I will called it “Dragons vs Unicorns”.
This process will allow us to cover key features of these three technologies learning while we put our skills in practice. It is a two-player turn-based game, played on a three-by-three grid with X and O marks. The player who manages to get their marks placed on the grid in a row, column, or diagonal first wins the game. We start with the markup, then we add some colors, and finally, we implement the logic.
This is how the game will look like:
You can play the live version here: https://pedropcamellon.github.io/tic-tac-toe/; or you can check the repo here: https://github.com/pedropcamellon/tic-tac-toe.