Skip to content

darirak/anime-memory-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Anime Memory Game

👉 Live Demo Here 👈

Table of Contents
  1. Intro
  2. About The Project
  3. Contact

Intro

Anime.Memory.Game.Angi.Preview.mp4

Rules

  The game starts with all the cards Face-Down position. The player attempts to turn over two matching cards.
  If two cards have the same picture, the cards are kept Face-Up position with a green background, otherwise they turn the cards Face-Down again, displaying a temporary red background.
The winner is declared when all the cards are revealed and matched.

(back to top)

About The Project

Anime-Memory-Game-Flowchart

Flowchart of the Project

  • #dfc686 Yellow - The possible actions a user can take
  • #94bb80 Green - Shows what happens as soon as one action is executed
  • #8ba6ce Blue - If-Else where we check for a certain condition
  • #c58280 Red - Finish Line :)

Summary

  • Win the Game by matching all the cards

    • Use your mouse to reveal a card then try to select a second one that matches the first.
    • Case 1. The selected cards have the same pattern 🀄🀄:
      • Both of them will have a green background and will be set Face-Up for the rest of the game.
    • Case 2. The selected cards got a different pattern 🀄🎴:
      • Both of them will have a red background and will be set back to Face-Down position.
    • After all the cards are revealed and matched, win the game.
    • Have fun! 🃏

Built Using

  • HTML
  • CSS
  • JavaScript
  • ReactJS

(back to top)

Contact Me

Darirak - My Portfolio Website LinkedIn

About

Check README - Anime Memory Game made using React

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published