Juno Project Three - Noah's Ark Memory Match

Live site: https://lhebia.github.io/noahs-ark-memory/

Built with JQuery, HTML5, SCSS this app was built with younger children in mind. Constructed with the bibilical story of Noah's Ark in mind, the user is asked to pair the separated animal emojis together so that they can succesfully "leave the boat together". A timer keeps track of elapsed time until the win so that instead of score, the user can create a baseline for time of completion and can see progress through that tracked time on further attempts.

Wins:

• error handling.

Challenges:

• design, color schemes and timer function.

Project Requirements:

• It is clear to the user what the app does
• Adds to the DOM dynamically using JavaScript
• Interacts with the DOM (HTML) using events or taking input from the user
• Modern ES6 variable declarations used (let, const)
• GitHub repo has more than one significant commit
• App and interactions are accessible
• Site is live on GH Pages or student's own URL
• Errors are handled effectively
• Sass is used
• Files, folders & naming conventions followed (camel case)(this includes your project repo)

Other Requirements:

• Extraneous code is removed (including console.log)
• Semantic HTML elements are used properly
• Setup snippet is used
• Wrapper used to constrain content on large displays
• One external .css stylesheet is used for whole project
• Site is responsive and uses media queries