Memory Cards Game

Click on this Memory Card Game see live website

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for each page depending on their device's screen size
• Match 2 Cards to remove them from the screen
• See number of mistakes made by user
• Get winning message at the end of the game

Screenshot

Links

• Live Site URL: Memory Game

My process

• Identify logics behind game flow
• Build logics using functions for winning condition
• Build logics using functions for matched and unmatched cards conditions
• Add HTML markup
• Refactor the code

Built with

• Bootstrap
• SCSS
• Mobile-first workflow
• React

What I learned

• Advanced at React State Management
• Got better at React props
• Enhanced my knowledge about lifecycle Methods

Continued development

• I'd like to advance my skills at ComponeneWillUnmount lifecycle method

Author

• LinkedIn -