Skip to content

This memory game is the second project I built using React, and the main purpose was to understand how useEffect() works, since this is one of the most used React hooks.

Notifications You must be signed in to change notification settings

cbd23/memory-card-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML5 CSS3 JavaScript NPM React Vite Vercel

Memory Card Game

🕹 Live Demo here

Introduction

This memory game is the second project I built using React, and the main purpose was to understand how useEffect() works, since this is one of the most used React hooks.

Also, this is the first time when I implemented the Fisher-Yates algorithm, which can be used for shuffling a finite sequence.

memory-card-game-ss

About the actual game, there is one simple aim - to click as many cards as you can, without clicking the same card twice. And, to make it a little bit more challenging, the cards change their order after each click.

In order to display the actors' photo and name inside the cards, I used the API provided by The Movie Database (TMDB). I'm making a call that's fetching the most popular 12 actors, so the list of cards updates every day.


Technologies

I created this project using:

  • HTML, CSS, JavaScript
  • REACT
  • Vite as local development server
  • Vercel for deployment
  • npm for dependency management

⬆️Back to Top

About

This memory game is the second project I built using React, and the main purpose was to understand how useEffect() works, since this is one of the most used React hooks.

Topics

Resources

Stars

Watchers

Forks