The game board consists of sixteen "cards" arranged in a grid. There are eight pairs of cards in the deck, each pair has a unique symbol. At the start of the game, the cards are arranged randomly on the grid with the symbol facedown. The score panel tracks the elapsed time, number of attempts at making a match, and displays 1-3 stars based on the cumulative number of attempts (fewer attempts equal more stars).
Successfully match all 8 pairs of cards.
- Click on a card and it will flip-over to reveal its symbol
- Click on a second card in an attempt to make a match with the first card
- If the cards match, both cards stay flipped-over
- If the cards do not match, both cards are returned to facedown position
- Continue clicking on cards until all pairs are matched
- Mobile-first design
- Flexbox
- Accessibility (#a11y) / Usability supports: Color choices, font sizing, modal functionality, comfortable touch targets
- ES2015 (ES6)
- Active version-control history with subject headings
- ally.js - a JavaScript library that simplifies certain accessibility features, functions, and behaviors
- fonts.google.com - catalog of open source fonts
- toptal.com/designers/subtlepatterns - background pattern; licensed under CC BY-SA 3.0
- fontawesome.com - catalog of free and pro icons
- https://allyjs.io/tutorials/accessible-dialog.html
- https://review.udacity.com/#!/rubrics/591/view (project rubric)
- Eric (assisted with cleaning-up JS code and styling of code comments)