My task was to build a browser version of the old school board game Guess Who, in order to practice creating objects and arrays in JavaScript, and connecting these to the dom.
Since my JavaScript abilities are limited I made sure to follow the steps given in the instructions. Once I had completed those, I began adding things beyond that, which contrary to what I had imagined actually felt a lot easier than going through those basic steps.
If I had more time I would have liked to add a little how to play modal, some sound effects, and have the messages that currectly show up as alerts appear directly on the page instead. I would also have liked to improve the quality of those messages, i.e. customise the text in them better to not have the exact option values being displayed in them etc. Ensuring the user really wanted to reset the game before doing so would probably also be a good thing to do, perhaps with a modal.
-
HTML
-
CSS
-
Flexbox
-
JavaScript
-
JSConfetti for confetti effects user wins or loses
-
Prettier for code linting
-
Netlify for deployment
<playguesswho.netlify.app>