Skip to content
A memory game built with React.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Twelve Monkeys

Twelve Monkeys is a memory game application built with React. This project was bootstrapped with Create React App.


Twelve Monkeys

Twelve Monkeys

Twelve Monkeys is a simple memory game, where the goal is to click all 12 monkeys on the page without repeating yourself. Making this task more difficult is the fact that the monkeys shuffle their order after each click.

The user's current score and high score are logged at the top of the page, and the user's high score is updated once the current score is greater than the previous high score.

If a user clicks on a monkey they've previously clicked, they receive a losing message. The score resets to zero and the user can start again.

If a user is able to click all 12 monkeys without clicking the same monkey twice, they receive a winning message. The score will reset, and the user can play again. The highest possible score for the game is 12.

Refreshing the page will always reset both scores to zero.

Concepts Used

  • React components
  • State
  • Props
  • ES6 JavaScript features:
    • Classes
    • Constructors
    • Import/Export

Technologies Used

  • React.js
  • HTML5/CSS3
  • BootStrap
  • Reactstrap
  • Javascript
  • Node.js
  • Yarn

Future Development

Future development would involve the following:

  1. Creating a user login to keep track of high scores

  2. Including additional datasets to populate the images, creating additional levels and higher scores

  3. Creating a high score board, listing the users with the top ten high scores

Node Packages Used

  • react
  • react-dom
  • react-scripts
  • reactstrap
  • gh-pages


You can’t perform that action at this time.