Memory Game Project
This game was built as a Udacity Front End Nano Degree project. The purpose is to demostrate mastery of HTML, CSS, and JavaScript.
Udacity Project Instructions
The starter project had some HTML and CSS styling to display a static version of the Memory Game project. I had to convert this project from a static project to an interactive one. It required modifying the HTML and CSS files, but primarily the JavaScript file. To start the project I open js/app.js and start building out the app's functionality For specific, detailed instructions, look at the project instructions in the Udacity Classroom.
How to play:
To start matching game simple click on a card. When a card is clicked on the timer is started until all matches are made. Once a match is made the cards will stay turned over. When all 16 cards are matched (8 total matches), a modal will appear telling you that you won and listing your final stats in time, moves and star rating. You will have an option to play again and the board is reset.
To play the game click here to see a live version of the game.
Other options to play:
- Download or clone repository and open index.html in your browser.
Built With:
HTML,CSS,JavaScript, and Bootstrap
Resources used to create the game:
Game setup help:
Mike W video: https://www.youtube.com/watch?v=_rUH-sEs68Y
Timer:
Matt C. Tutorial: https://matthewcranford.com/memory-game-walkthrough-part-6-the-clock/
Modal:
sweetalert2: https://sweetalert2.github.io/ https://sweetalert.js.org/
Other resources:
https://tiny.cc/MemoryGameResources
Contributing
This repository is the starter code for all Udacity students. Therefore, we most likely will not accept pull requests.
For details, check out CONTRIBUTING.md.