diff --git a/README.md b/README.md new file mode 100644 index 0000000..85178e5 --- /dev/null +++ b/README.md @@ -0,0 +1,28 @@ +# Memory Game Tutorial - Vanilla JavaScript + +* 🕹 Demo: Memory Game Project +* 🎬 Video Tutorial: Code Sketch Channel +* ✏️ Wriiten Tutorial: Memory Game Repo + +Project developed in vanilla javascript. Learn the fundamentals of pure javascript in a 30 minute project. No frameworks or libraries, definitely no jQuery. + +This tutorial will cover how to: + +* select elements in the DOM with querySelector +* iterate through lists with forEach +* add/remove an element class +* add/remove event listeners +* timeout +* html5: data-attribute +* css3: positioning, flexbox, perspective, backface-visibility, transitions + +--- +💚 [Twitter](https://twitter.com/codesketchlab) +💙 [Facebook](https://www.facebook.com/codesketchlab/) +💜 [Medium](https://medium.com/@marina.ferreira.developer) + +Don't forget to subscribe to the >>> 🌹 [Code Sketch Channel](https://www.youtube.com/channel/UCHFmShpjG-8N52O0JD2ut3A) 🌹 <<< 😉 + +--- + +![Memory Game](./memory-game.gif) diff --git a/memory-game.gif b/memory-game.gif new file mode 100644 index 0000000..bfaccb8 Binary files /dev/null and b/memory-game.gif differ