Code Monkey home page Code Monkey logo

matching-game's Introduction

Memory Game Project

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.

Instructions for the projects were:

  1. Build very simple grid of cards.
  2. Get something clickable on the page.
  3. 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?
  4. Add functionality to handle clicks. This should reveal the hidden side of each card.
  5. Work on the matching card logic. How does your game “know” if a player guesses correctly or incorrectly?
  6. Work on the winning condition. How does your game know if a player has one.
  7. Allow your game logic and functionality to dictate the styling.

Work with questions:

  1. What’s the ideal workflow?
  2. How many files do I need?
  3. Do I modify the HTML first or the CSS? Just start from javascript file.
  4. How many JavaScript functions do I need? Good question, lets count:
  5. Should my function be this many lines of code?
  6. What about closure?

This repository https://github.com/udacity/fend-project-memory-game was the starter code for all Udacity students.

matching-game's People

Contributors

olgaviol4ik avatar

Watchers

James Cloos 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.