click image to visit site
This is a classic online matching/memorization game. The goal of the game is to find all the pairs of matching snacks until the board is clear. This project was done individually as a creative assignment for a web development course that I took as a student at the University of Washington.
| HTML: | forms the structure of the webpage |
| CSS: | manages all the styling, thematic elements, fonts, etc. |
| JavaScript: | randomly lays out the cards on the board, defines behavior for correct vs. incorrect pairing, stores and updates the score count, and manages end-game behavior |
| Visual Studio Code: | IDE used for the development of this game/site |
| Gitlab: | managed and saved various versions of the project during the development process, ran code quality tests |
| Github Pages: | when migrating from my school files to my personal portfolio, I used Github pages to host this site |
| Creativity: | the specification for this project was very broad and focused mostly on implementation details. Thus, it was up to me to decide what type of project to create through which implementthat criteria (i.e. at least one event handler function should change the DOM, or modify a classList of an element) |
| Resourcefulness: | I developed this project for an introductory course, so I wasn't very familiar with web development. Some of the functionality required skills that I didn't yet have in my toolbox, so I had to utilize online documentation, tutorials, and find workarounds using the knowledge I had to bring this webpage together. |
