https://olgaviol4ik.github.io/matching-game/
The Memory Game Project is all about demonstrating skills of JavaScript. It's a complete browser-based card matching game (also known as Concentration). But this isn’t just any memory game! It’s a shnazzy, well-designed, feature-packed memory game! The styling of the game is optional.
Project specification can be found here https://review.udacity.com/#!/rubrics/591/view.
- Build very simple grid of cards.
- Get something clickable on the page.
- Figure out HTML needed to represent a card. Remember you need to represent two sides of the card. Are you going to have two separate elements stacked on top of each other?
- Add functionality to handle clicks. This should reveal the hidden side of each card.
- Work on the matching card logic. How does your game “know” if a player guesses correctly or incorrectly?
- Work on the winning condition. How does your game know if a player has one.
- Allow your game logic and functionality to dictate the styling.
Work with questions:
- What’s the ideal workflow?
- How many files do I need?
- Do I modify the HTML first or the CSS? Just start from javascript file.
- How many JavaScript functions do I need? Good question, lets count:
- Should my function be this many lines of code?
- What about closure?
This repository https://github.com/udacity/fend-project-memory-game was the starter code for all Udacity students.