Git Product home page Git Product logo

memorygame's Introduction

*** The Memory Game ***

This a functioning example project utilizing HTML, CSS, and javaScript language.

The following project was built to improve memory and programming knowledge. In the program, we will be creating a display of cards, that can be selected and exposed. If they are a match, the cards will stay revealed, if they are not, they will change back to neutral color. There will be a timer counting down during the game to prompt the user to have 8 matches before game over. Every part of the is sample code of how to do the following:

  • Create an HTML Boilerplate for website
  • Manipulation of site with CSS properties
  • JavaScript implementation for functionality
  • The DOM API for efficient usability
  • Live Server extension to access local server environment

Prerequisites: Download Visual Studio Code: A: Windows users:

  1. Go to google browser and type Visual Studio Code download.
  1. Click option for Windows User Installer. (latest version)
  2. Open file once download is complete and click acceptance for license agreement.
  3. Select location for instalment. (default will be C: drive)
  4. Click next for each option (customization is optional)
  5. Click to install
  6. Click finish
  7. Search for VScode in start menu or created shortcut to open.

B. For Mac users:

  1. Follow step 1
  2. Click option for MacOS (latest version)
  3. Follow same steps for installation.

C. In VScode, create HTML, CSS and javaScript file inside Memory Game folder.

D. Open extensions in VScode search and download Live Server for installation.

Contact:

https://github.com/anst314/memoryGame/settings/pages

Known issues:

Could not determine the winner by the maximum of 8 matches to win the game.

Acknowledgments:

  1. How to code a Card Matching Game - YouTube.
  2. Live Coding a Memory Game - YouTube.
  3. Sample Game Timer - Codepen.io.
  4. Github README Template - GitHub.
  5. W3 Schools

memorygame's People

Contributors

anst314 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.