info about this website rainbow divider
profile pic

Visit My Website

Paulina's Card Game

This card game is used to reinforce HTML, CSS & layout concepts, and Javascript/jQuery. The scope for this project is to choose a theme for the game and include:

  • 18 card faces
  • 1 card back
  • General Original Layout concept

    general layout picture

    The layout concept was created using figma.com.

  • Stats Container is composed of
    • Games Played
    • Attempts (number of times the user has clicked on cards)
    • Accuracy (how many times they got it right / number of total clicks for the current game)
    • Button Element with that resets the game
  • The Game Area is composed of
    • 9 matching card elements (18 total) inside with each element having:
    • Cards with class of “card” and inside, a card front & back element with an img element