elm-memory-game

Basic Memory game built with Elm 0.19

Play now

THE RULES FOR PLAYING "MEMORY"

• Mix up the cards.
• Lay them in rows, face down.
• Turn over any two cards.
• If the two cards match, keep them.
• If they don't match, turn them back over.
• Remember what was on each card and where it was.
• The game is over when all the cards have been matched.

Step-by-step guide

I developed this little game for a hands-on so you can take a look at the full steps in branch hands-on.

Step-0: Start the application

Step-1: Render image

Step-2: Useelm-ui

Step-3: Generate multiple images

Step-4: Image model

Step-5: Images in the Model

Step-6: Handling images status

Step-7: OnClick to change the image status

Step-8: Generate a first batch of unique cards

Step-9: Duplicate and mix images

Step-10: Use images list index

Step-11: Tag images as found when duplicates are visible

Step-12: Final step