Memory Game in Space

A classic memory game: you get presented with a set of cards of even number and your mission is to find couples of matching images. The pictures all come from space (and from the Pexels photo API) ✨

Building this game (as a week-long side project during my bootcamp) was an opportunity to practice first-hand and learn more about:

• Working with an external API, which also required to use authorization headers
• Passing props, ensuring they are the right ones by using propTypes
• Implementing React hooks, including creating custom ones
• Building flexible and reusable React components

➡ Check out Space Memory Game

Tech Stack

Core:

• React.js
• React.js hooks
• PropTypes
• CSS

Communication tool:

• Fetch

Deployed with: Netlify

Overview

The user can:

• Select the type of space images they want to play with
• Select the amount of cards they want to play with
• Select the pace they want to play with (where "pace" is how fast an uncovered card gets hidden again)
• Play memory until all matching cards are found
• Start again

Acknowledgements

• Pexels
• Thinking in React
• new URL()
• URLSearchParams
• API Headers

Authors

• @a-maffei