Last week was week 3 of my Software Engineering Immersive experience with General Assembly. We wrapped up the first unit of the course by building our own Tic-Tac-Toe web apps, as a way to tie together the HTML/CSS/Javascript/DOM material we’d covered thus far.
The game isn’t too challenging to build once you work out how you want to access the tiles on the play grid via the DOM and basically check the state of the grid against the potential winning/tying grid states.
Lacking confidence in my visual design skills (and CSS skills, for that matter), I tried to keep the UI pretty minimal, with green and pink ‘X’s and ‘O’s against a dark grey page and white ‘other’ text. I added some simple ‘just add water’ CSS animations to smooth out the load/display of some page elements.
It was super inspiring seeing what my classmates came up with for their games, and made me look forward to our next project. You can play my Tic-Tac-Toe game here: https://mackavellian.github.io/tic-tac-toe/