Skip to content

julsfreedman/Mod-1-DOM-Based-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mod-1-DOM-Based-Game

The Wood Wide Web Presents: ShrooMemory

https://julsfreedman.github.io/Mod-1-DOM-Based-Game/

Tech Stack

HTML / CSS / JavaScript

Background

This is my version of the classic Memory Game that I loved to play as a child and still do to this day. This game is also known as Match Game, Concentration, Matching Pairs, and Match Up in the United States. This front end game will be written in HTML, CSS, and JavaScript. It will be styled using the CSS Grid Layout.

The object of the game is to find the matching cards. The player wins when they find all 8 matches. Player turns over one card at a time and tries to remember, or guess, where its match is and turn over that card. The game ends when all pairs have been found. Player can hit the reset button if they would like to play again.

I am going to personalize this memory game with a theme of Fungi, or mushrooms. This is a personal interest of mine that I'm always learning more about and recently began the fun hobby of mushroom foraging. Besides the obvious, which is the delicious umami taste and the essential nutrients that various mushrooms add to our diet, fungi are also used for various medicinal purposes for both mental and physical ailments. They are an essential decomposer in the forest ecosystem helping to sustain Earth and fighting the impacts of climate change. Researchers are proposing a form of tree fungus as a possible defense against biochemical weapons and they might even help to save our planet from pollution!

Fungi have more in common with the internet than one would ever imagine. In analogy to the "World Wide Web", fungi form a large underground network in forest soils that has been coined "The Wood Wide Web." Just as humans interact via social media, trees secretly communicate with each other underground through a network of fungi and bacteria forming a vast interconnected web of organisms!

Attributions

This game has been designed using assets from Freepik.com

Background image:
Image by brgfx on Freepik: "https://www.freepik.com/free-vector/different-types-mushrooms_23823106.htm"

Photo images on all cards: https://www.freepik.com/author/karjalainen

Credit to Ania Kubow for inspiring me to build this project: https://www.youtube.com/c/AniaKub%C3%B3w

Future Endeavors

Add a player 2 option along with its own score.
Add a timer to challenge solo players.
Add an educational description of each mushroom type that appears when each match is found, so the players might learn something while having fun.
Add a landing page with start button; can put introductory educational information explaining "Wood Wide Web" here.