Krix12 / Memory-Game

A simple HTML, CSS and JS web memory game. You can test it live here: https://krix12.github.io/Memory-Game/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Memory-Game


🎴 A simple HTML, CSS and JS web memory game screenshot

Description

A simple web game of flipping and memoring the cards. You need to find all the pairs of cards with emojis to win. The cards are positioned randomly when the page is loaded/refreshed.

Features

  • 4x3 grid (12 cards)
  • emojies on flipped cards
  • Buttons:
  1. Bg color: changes the background to random color
  2. One step back: unflip the flipped card; revert a move

Planning To Do

  • 4x4 grid, 5x5 grid
  • change background to your chosen color or image
  • change cards color to your chosen one
  • timer
  • lives
  • count of moves
  • personal record in time and moves
  • option to choose between emojis and colors of flipped cards
  • option to design your own cards
  • winning animation

Contribution

Any contributions are welcomed and appreciated. Contributors will be listed under contributors section that will be added.

Legal

This repository is meant for educational purposes. The emoji pictures used in this repository are taken from this link and are not mine.

U.S. Copyright Law also allows copyrighted materials to be used in the course of classroom presentations, assignments and learning aids.


Inspired by this video

About

A simple HTML, CSS and JS web memory game. You can test it live here: https://krix12.github.io/Memory-Game/


Languages

Language:HTML 49.6%Language:JavaScript 32.1%Language:CSS 18.3%