Concentration (card game)

[BlakePatterson]

Create a reusable JS function to emulate the classic card game concentration.

• It should take in a list of vocab words or kanji
• It should generate two cards for each word/kanji --> one for the actual word/kanji & one for the translation/reading
  • We need some sort of art asset for the cards, try and find some free non-copyright ones online
• The cards should flip over when clicked, showing the content of them
  • If there can also be an animation for the cards flipping that would be awesome, but not necessary (can be added later)
• If the two cards clicked match:
  • Show a positive message, i.e. "Yay you got it right!!!", and then remove them from the screen
• If the two cards do not match:
  • Show a negative message, i.e. "That is incorrect", and flip them back over
• Scorekeeping:
  • Have a timer running to measure how long it takes and maybe show some stats, i.e. how many seconds per match on avg (can be done using easytimer.js)
  • Keep track of how many times the user makes an incorrect match
  • Maybe do some sort of calculation based on these two metrics to determine if they did well or should practice more

[BlakePatterson]

Here is the original proposal:

Concentration is the famous card game where a deck of cards is shuffled & laid out one by one face down on a table and the player picks up two cards each turn. If the two cards match, the player "wins" the round and removes the cards from the table. This can be considered as earning a point. If the two cards do not match, then the player does not win anything that round and the cards must simply be placed face down on the table again, in the same position. The game can be played with multiple people, but when playing alone the goal of the game is to find every matching pair of cards as quickly as possible. I think this game is a perfect choice to implement in げんき Study Resources because it is the embodiment of memorization when it comes to games, so much so that it is quite literally referred to as "Memory", or "Memorization" sometimes. It is also incredibly simple, with a very straightforward set of rules as well as a very easily measurable value of success. My plan would be to have either a vocab word & its translation be a pair, or have a kanji & its reading be a pair. This would not be too complicated in terms of implementation and would be great for helping memorize new vocab words and kanji, so I think it would be a great addition to this app.