Memory, also commonly known as Concentration, is a classic memory-based card game in which all the cards in the deck are laid face down, and then two cards are flipped face up. The object of the game is to turn over matching pairs of cards.
Build a complete browser-based card matching game.
The Memory Game Project (https://github.com/udacity/fend-project-memory-game) is part of the core curriculum for completing the Udacity Front-End Developer Nanodegree (https://www.udacity.com/course/front-end-web-developer-nanodegree--nd001). This project represents the first opportunity to combine my knowledge of HTML, CSS, and JavaScript, and apply that knowledge to developing a large project.
- HTML5
- CSS3
- JavaScript - the source code uses ES6 sytax
- Font Awesome - https://fontawesome.com/
The application is tested on Safari, Chrome and Firefox on macOS High Sierra (version 10.13) as of June 15, 2018.
The scoreboard modal is under construction. I need to learn how to use Firebase Realtime Database (https://firebase.google.com/products/realtime-database/) in order to store top player high scores in the scoreboard tables.
- Go to https://priyaka-xo.github.io/Memory-Game/
- Download the repository, and open index.html in the brower of your choice.
Priya Prabhvinder Kaur
For comments and questions, contact me at [email protected]
This project is licensed under Apache License 2.0 - see the LICENSE.md file for details
- Wes Bos
"Vanilla JS Countdown Timer"
https://www.youtube.com/watch?v=LAaf7-WuJJQ
- Mike Bostock
"Fisher-Yates Shuffle"
https://bost.ocks.org/mike/shuffle/
* Gerard Cohen
"How to Disable Links"
https://css-tricks.com/how-to-disable-links/
* Sarah Cope
":active"
https://css-tricks.com/almanac/selectors/a/active/
* Adam Khoury
"Memory Game Programming Tutorial"
http://www.developphp.com/video/JavaScript/Memory-Game-Programming-Tutorial
* Steffen Kühne
"weightedMean.js"
https://gist.github.com/stekhn/a12ed417e91f90ecec14bcfa4c2ae16a
* Olayinka Omole
"Quick Tip: How to Sort an Array of Objects in Javascript"
https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/
* Quackit
"CSS Marquees"
https://www.quackit.com/css/codes/marquees/
* Tania Rascia
"How to Create a Memory Game (ala Super Mario 3) with Plain JavaScript"
https://www.taniarascia.com/how-to-create-a-memory-game-super-mario-with-plain-javascript/
* Matt Smith
"CSS Only Neon Text With Glow Effect"
https://codemyui.com/css-neon-text-glow-effect/
* Brad Traversy
"Star Ratings With JavaScript & Font Awesome"
https://youtu.be/u3rylF3y3og
- Font Awesome
- Icon Ninja
- seeklogo
https://seeklogo.com/vector-logo/311801/star-wars