iamrahulmahato / master-web-development

Learn to code by building projects.
https://masterwebdevelopment.netlify.app/
MIT License
163 stars 445 forks source link

📃: Adding Whack a mole game #2090

Closed AbhijitMotekar99 closed 1 week ago

AbhijitMotekar99 commented 1 week ago

🔴 Title :Whack-a-Mole Game 🔴 Tech stack : HTML, CSS, JavaScript 🔴 Objective : To create an interactive browser-based Whack-a-Mole game that helps users improve reaction speed and coordination while providing a fun gaming experience. This project serves as a practical introduction to basic DOM manipulation, event handling, and time-based animations in web development.

🔴 Summary : The Whack-a-Mole game is a classic arcade-style game where the objective is to "whack" or click on randomly appearing moles in a grid within a given time frame. Each successful whack scores points, with the moles disappearing shortly after appearing to increase the challenge. The project demonstrates essential concepts like event listeners, intervals for timed mole appearances, score tracking, and basic CSS styling to create an engaging user experience. Potential additional features could include difficulty levels, sound effects for whacks, and animations to enhance gameplay. The game is an excellent way to strengthen JavaScript skills and understand core concepts of interactivity in web applications.

📸 Screenshots

whack a mole


✅ Details to Include When Taking the Issue: Name : Abhijit Motekar Participant Role (Specify the Open Source Program name, e.g., GSSOC, Hacktoberfest, etc.) : gssoc-ext Hacktoberfest


Happy Contributing! 🚀

Wishing you all the best on your open source journey. Enjoy! 😎

iamrahulmahato commented 1 week ago

already added

github-actions[bot] commented 1 week ago

Hello @AbhijitMotekar99! Your issue #2090 has been successfully closed. ✅ Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀