This project was bootstrapped with Create React App.
This is a basic memory, card matching game. Players choose two cards, if they match, the match is tallied, and the cards stay face up. If not, they flip back over.
This was built with Create React App and uses HTML and CSS.
The three main components in this project are Header.js
, Board.js
, and Card.js
.
Header.js
contains the title, match counter, and 'new game' button.Board.js
is the gameboard and contains most of the logic, and renders the grid that displays the cards.Card.js
contains the JSX and data that relates to the individual card.
- Fix "double click" bug: If a user clicks the same card twice, it is marked as a "match". Each card has a unique ID, so the cards IDs must be different, but the cards images, much match.
Special thanks to Brian Forbes for helping architect the logic that allowed cards to be matched. Thank you to Cameron Aragon and Matthew Dean for code review and support. This application was built by Drew Bradley