ericclasson/memory-games

Built with Semantic: HTML5 markup, CSS, custom properties: Flexbox CSS, Grid, JavaScript, Session storage.

Memory Game Mario

This is a solution to the JS1-examination.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• Our process
  • Built with
  • What We learned
  • Continued development
• Author
  • Eric Classon
  • Alvin Samuelsson
  • Kalle Pettersson

Overview

The challenge

• When the game starts all the cards are placed randomly and facedown.
• Each player takes turns to pick two cards.
1. If the two cards match, the player keeps them and gets another turn.
2. If they don't match, the cards are turned back over and it's the next player's turn.
• The game continues until all the cards have been matched and picked up.
• The player with the most pairs of cards is the winner.
• A pop up will show and it will tell you how the winner is.
• You will then get a choice to click and restart the game.

Screenshot

Links

• Live Site URL: Live

Our process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• JavaScript
• Session storage

What We learned

Feature Roadmap

• Make the cards flip when clicked
• Change theme on:
  • Website
  • Cardback
• Play vs Computer

Author

Eric Classon

• Website - Eric Classon

Alvin Samuelsson

• Website - Alvin
• LinkedIn - @yourusername

Kalle pettersson

• Website - Kalle
• LinkedIn - @yourusername