Skip to content

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

Contributors