GAME CONCEPT: The family of friendly little Monsters has been facing tough times. They have to deal with unwelcomed guests, natural disasters and coronavirus spreading aroung the Monster Village. Only the JavaScript superpowers can help them to get rid of the obstacles.

Click the link and play: https://monsterjs.com

Happy hacking!

The game teaches how to access DOM three elements in an HTML webpage using predefined JavaScript functions and explains differences between them:

• getElementById(),
• GetElementsByTagName(),
• getElementsByClassName(),
• getElementsByName(),
• querySelector(),
• querySelectorAll().

For all JavaScript learners.

Familiarity with the basics of HTML and JavaScript fundamentals is a plus but not required.

• Responsive Web Design (RWD)
• Progressive Web Application (PWA)
• Player progress is saved using localStorage
• Language version: ENG _{English is not my native language. I would be grateful for proofreading the descriptions.}
• Language version: PL _{to appear soon}
• Difficulty levels: beginner / intermediate _{to appear soon}
• Reset progress
• Vibration effect (mobile) _{to appear soon}

• React.js with Hooks
• React Context API
• Yarn package manager
• Webpack
• Babel
• SASS
• CSS animations (eg. shake effect)
• localStorage

If you spot any bug or have feedback, please open an isssue on Github. All your comments are very welcome.

Icons from flaticon.com made by:

• Smashicons: https://www.flaticon.com/packs/monsters-3 https://www.flaticon.com/packs/alien-ufo-9
• Freepik: https://www.flaticon.com/packs/coronavirus-25 https://www.flaticon.com/packs/nature-38 https://www.flaticon.com/packs/fantastic-characters-32 https://www.flaticon.com/packs/avatars-46
• Dimitry Miroliubov: https://www.flaticon.com/packs/halloween-29