This is my solution to the Memory Card game project from The Odin Project.
The challenge is to create a Memory card game. To win the player have to click on all 10 different picutres, while they are shuffled after every click. If the user clicks on a picture he already clicked, the game ends.
This was my second "real" React project, here I used "useEffect()" hook for the first time and also used an API with React for the first time. Used Unsplash API for the images.
- The player can write in the input field on the home screen, on what theme he wants the images for the game to be. When he writes the theme, the string is sent through the Unplash API, which fetches images for that theme.
- The player can start a new game at any time, which resets the current score, and shuffles the images back to the default view.
- When the player looses, the game is automatically restarted and if his score was the highest till this moment, it gets updated as High score.
- When the player wins, he can either start a new game again, or change the theme of the images, with which he is playing.
- Live Site URL on which you can check out the project: https://adrianptrv.github.io/Memory-card-game-React/
- HTML
- React
- React Hooks
- SCSS
| Mobile layout | Desktop layout |
 |
 |
 |
 |
 |
 |
 |
|