https://github.com/abronkema/memory_game
https://github.com/abronkema/memory_game
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/abronkema/memory_game
- Owner: abronkema
- Created: 2018-06-01T02:56:58.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-19T15:04:33.000Z (almost 7 years ago)
- Last Synced: 2024-08-16T16:21:29.473Z (10 months ago)
- Language: JavaScript
- Size: 41 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Classic Memory Game
## Libraries/Dependencies
- Font Awesome (4.6.1)
- Google's Coda font
## Shoutouts
- Matthew Cranford's [walkthrough](https://matthewcranford.com/memory-game-walkthrough-part-1-setup/) helped clarify so much of the process.
- Slack User _@Adam-IN (FEND)_ helped me through some of the .toggle() uses, specifically adding a `.disabled` class with `pointer-events: none` to prevent double-clicking.
- [Fisher-Yates YouTube Walkthrough](https://www.youtube.com/watch?v=tLxBwSL3lPQ) by [Adam Khoury](https://www.youtube.com/channel/UCpzRDg0orQBZFBPzeXm1yNg)
## Project Requirements
### Game Behavior
**Memory Game Logic:**
_The game randomly shuffles the cards. A user wins when all cards are matched._
**Congratulations Popup:**
_When a user wins the game, a modal appears to congratulate the player and ask if they want to play again. It should also tell the user how much time it took to win the game, and what the star rating was._
**Restart Button:**
_A restart button allows the player to reset the game board, the timer, and the star rating._
**Star Rating:**
_The game displays a star rating (from 1 to at least 3) that reflects the player's performance. At the beginning of a game, it should display at least 3 stars. After some number of moves, it should change to a lower star rating. After a few more moves, it should change to a even lower star rating (down to 1)._
**Timer:**
_When the player starts a game, a displayed timer should also start. Once the player wins the game, the timer stops._
**Move Counter:**
_Game displays the current number of moves a user has made._
### Interface Design
**Styling:**
_Application uses [CSS](http://udacity.github.io/frontend-nanodegree-styleguide/css.html) to style components for the game._
**Usability:**
_All application components are usable across modern desktop, tablet, and phone browsers.[Udacity's HTML Styling Guide](http://udacity.github.io/frontend-nanodegree-styleguide/index.html)_
### Documentation
**README:**
_A README file is included detailing the game and all dependencies._
**Comments:**
_Comments are present and effectively explain longer code procedure when necessary._
**Code Quality:**
_Code is formatted with consistent, logical, and easy-to-read formatting as described in the [Udacity JavaScript Style Guide](http://udacity.github.io/frontend-nanodegree-styleguide/javascript.html)._
**Git Requirements:**
_[Udacity's Git Requirements](https://udacity.github.io/git-styleguide/)_