Makers Academy - team engineering project
A single-page web app game, based on the classic memory / matching cards game.
Keep your brain in shape!
- Every game round will deal 14 cards.
- You have 2 seconds to memorize the pairs, then the cards are flipped facing down.
- You can click on the cards to turn them up, but you can only flip two cards at a time, unless they match.
- If the cards match, they will remain facing up.
- You have 7 attempts to match all the cards.
- If you don't, you lose this round, and the game will reset, by shuffling the cards and giving you another shot.
- The round is won when you match all 14 cards.
- As you progress through the rounds, the revealing time shortens: after 4 wins you will only get 1 second of reveal, and after 8 wins you get none!
-
built with: JavaScript & React.js
-
tested with: Jest & Enzyme
-
continuous deployment: Travis CI, coveralls, Heroku
-
remote team collaboration: Slack, zoom, miro white board
-
build a front-end web application for a classic memory game, so we can have fun playing.
-
use and understand React design patterns and its testing frameworks Jest and Enzyme.
-
deploy the front-end app to Heroku, with continuous deployment as we are building the project.
-
use remote collaboration tools to work in an Agile way, to share our daily learnings, and adapt to changes.
git clone git@github.com:tobydawson1/mnemonic.git
cd mnemonic
npm install
run npm start
and your default browser will pop up a window with the game!
- to run the tests run
npm test
- to see the testing coverage
npm test -- --coverage --watchAll
Unfortunately testing this project proved to be one of the team's challenges. As all team members were new to using the React library, we chose to focus more on writing features for the game, and less on learning the test frameworks. As a result, at the end of our two week sprint, we have about 50% coverage.