Travel Memory Game

The Travel Memory Game is a front-end web application developed on April 29th/30th during a 24h hackathon at Wild Code School on the topic of traveling from the couch. I was part of a 6-member team and we had only one requirement: using an api.

We decided to design a game that a user in locked down would play in order to travel by seeing webcam videos of a country of his choice. In order to play, you first need to select a country and a category. Then, based on these two criteria, a memory game session will be generated. The objective is to find the 8 matching cards to win an access to the webcam of the chosen country.

Homepage Game session Webcam view
These are some screenshot from the game

For my team and I developing a game has been a good way to materialize what we had been learning during the first 2 months of the program, to consolidate our skills in React.js and learn how to use the hooks.

In addition we have used 2 api :

  • Pixabay: we got from the api the images to be displayed in the game session based on 2 parameters: the country and the category (beach, nature etc.)
  • Windy: we got an access to a repository of webcams based on the country selected by the user.
HTML5 logo CSS3 logo JavaScript logo ReactJS logo

👉Play here
👉Check the source code here