https://github.com/abdullahmuhammed5/matching-game-project

Memory game with javascript and jquery. You can visit my app here :https://abdullahmuhammed5.github.io/Matching-Game-Project/
https://github.com/abdullahmuhammed5/matching-game-project

animation card css dom dom-manipulation game html javascript jquery matching-game udacity udacity-frontend-nanodegree udacity-nanodegree

Last synced: 19 days ago
JSON representation

Memory game with javascript and jquery. You can visit my app here :https://abdullahmuhammed5.github.io/Matching-Game-Project/

• Host: GitHub
• URL: https://github.com/abdullahmuhammed5/matching-game-project
• Owner: AbdullahMuhammed5
• Created: 2018-03-31T19:37:06.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-01T19:51:54.000Z (almost 7 years ago)
• Last Synced: 2024-11-05T19:12:07.347Z (2 months ago)
• Topics: animation, card, css, dom, dom-manipulation, game, html, javascript, jquery, matching-game, udacity, udacity-frontend-nanodegree, udacity-nanodegree
• Language: JavaScript
• Homepage: https://abdullahmuhammed5.github.io/Matching-Game-Project/
• Size: 733 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Matching-Game-Project

- Author : Abdullah Muhammed([email protected]).

- content : FEND Memory Game Project.

- Start date : 26/3/2018.

- End date : 31/3/2018.

//_______________________________________________________Instrutions_________________________________________________//

/*

 * Create a list that holds all of your cards. 

 */

/*

 * Display the cards on the page 

 *   - shuffle the list of cards using the provided "shuffle" method below 

 *   - loop through each card and create its HTML 

 *   - add each card's HTML to the page 

 */

/*

 * set up the event listener for a card. If a card is clicked:

 *  - display the card's symbol (put this functionality in another function that you call from this one) 

 *  - add the card to a *list* of "open" cards (put this functionality in another function that you call from this one)

 *  - if the list already has another card, check to see if the two cards match

 *    + if the cards do match, lock the cards in the open position (put this functionality in another function that you call from this one)

 *    + if the cards do not match, remove the cards from the list and hide the card's symbol (put this functionality in another function that you call from this one)

 *    + increment the move counter and display it on the page (put this functionality in another function that you call from this one)

 *    + if all cards have matched, display a message with the final score (put this functionality in another function that you call from this one)

 

 

//______________________________________________________________________________________________________________________//

- The project has been divided to two main sections :

    - Runner/Controller Area

    - Operation/Model Area

    

- Runner/Controller Area : contains variables decleration. Which will be use in Operation/Model Area.

- Operation/Model Area   : contains all functions that will run functionalities of the game. 

  - This area divided to six parts : 

      - On page loaded.

      - Setting Deck of cards.. before start the game. 

      - Game Functionalities.

      - Start count : Moves -- Timer -- Clicks -- Rating.

      - Restart Game.

      - End game and show results when all cards are matched.

      - Helper Functions.