kubowania/whac-a-mole

Stars
110
Rank 316,770 (Top 7 %)
Language
JavaScript
Created over 4 years ago
Updated almost 2 years ago

kubowania/whac-a-mole

kubowania

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Vanilla JavaScript game

whac-a-mole

Vanilla JavaScript game

Learn to make a simple grid-based game using HTML, CSS and JavaScript. The idea of whack-a-mole is simple! The player needs to hit the grid with the mole in as many times as possible until the time runs out. In this tutorial, we will cover:

document.querySelector
textContent
forEach
addEventListener
setInterval
classList.add

...and much more.

View the full tutorial [here]:(https://youtu.be/rJU3tHLgb_c)

As always, if you get stuck or have any questions, please do comment below and I will be sure to get back to you!

I would love to see what you made so please tag me on twitter on @ania_kubow or mention me on Youtube so I can find it and see.

memory-game

JavaScript, HTML and CSS grid-based game

Tetris-Basic

This is a simple no nonsense version of Tetris that has no styling

mario

A game of Mario using JavaScript and Kaboom.js

Tetris

A vanilla javascript game

candy-crush

A vanilla JavaScript Game inspired by Candy Crush

Nokia3310-Snake

A vanilla JavaScript game with tutorial

climate-change-live-api

A Demo to show how to build your own API and host in on RapidAPI

space-invaders

A vanilla JavaScript game with HTML and CSS

battleships

javaScript HTML and CSS

nodejs-webscraper

Demo for showing how to get backend data to the frontend

minesweeper

A simplified game of minesweeper using vanilla JavaScript

burger-api

netflix-clone-graphql-datastax

A Netflix Clone built using React GraphQL and DataStax, exploring Pagination and Slicing

flappy-bird

A game of Flappy Bird made in pure JavaScript, HTML and CSS

pac-man

Vanilla javaScript Game with HTML and CSS

connect-four

A Pure JavaScript grid-based game

candy-crush-reactjs

A minimal game of Candy Crush in React

portfolio-website

Portfolio website

Frogger

A retro grid-based game in vanilla JavaScript, HTML and CSS

stargate-tik-tok

Doodle-Jump

Doodle Jump clone in JavaScript, HTML and CSS

airbnb-sanity-backend

The backend for our Airbnb App, built using Sanity.io.

tinder-clone

A Tinder Clone for educational purposes

zelda

A game of Zelda in JavaScript using Kaboom.js

responsive-portfolio

wordle-javascript

A Game of Wordle with the benefit of 2x API from RapidAPI

rock-paper-scissors-x3

3 ways to code Rock Paper Scissors in JavaScript

airbnb-sanity-frontend

This is the frontend for my AirBnb Project built using Next.js and Sanity.io

2048

A game of 2048 in vanilla javaScript, HTML and CSS

chrome-trex-game

A game made in pure javaScript HTML and CSS

disney-clone-graphcms

A demo to show how to use graphcms

flappy-birds-react-native

A game of flappy birds in react native

crypto-dashboard-react

A Crypto Dashboard built in React and Nodejs using RapidAPI

breakout

A game of breakout in HTML, CSS and JavaScript

portfolio-with-animations

A Portfolio with Animations in JavaScript

monday-crm-clone

A Clone of the Monday CRM System for tutorial purposes

light-dark-mode-portfolio

A light and dark theme portfolio in HTML, CSS and JS

Project-04

Business Bank Account Dashboard using React and Django

typewriter

typewriter effect in JavaScript

graphQL-federation-crypto

A Crypto App built to pracitse GraphQL Federation

distance-matrix-routing-with-tom-tom-api

Distance Matrix Routing App with Tom Tom API

javascript-playing-piano

A Playing Piano built in JavaScript

flight-widget-vanilla-javascript

A Flight widget made in vanilla JavaScript just for fun!

google-translate-clone

A Google Translate Clone built for tutorial purposes

tic-tac-toe

Introduction to JavaScript with Tic-Tac-Toe

deployed-todo-app

trivia-app

A trivia App built in vanilla JavaScript

twitch-messenger-clone

A Messenger App built in React and Node.js using getStream.io

regex-openai

The Code for the iframe

Advanced-React-and-Redux-2019

Detailed project on advanced React and Redux concepts - Authentication, Testing, Middlewares, HOC's, and Deployment

foundation-app-subgraph

Supporting Code for Querying Data on the Blockchain Tutorial

linktree-clone-css-js

Build a Linktree Clone! (super simple!) HTML + CSS (+ JS optional)

mocha-test

Boilerplate for Mocha tests

Predictive-Text-Search-Bar

pacman-AI-live

live game of pacman

birthday-countdown

A Birtday countdown in JavaScript

candy-crush-reactjs-with-game-state

A game of Candy Crush in React where you can save game state

opentelemetry-movies-microservices

rock-paper-scissors-react

Rock Paper Scissors in React

financial-article-classifier-ai-model

moving-wave-portfolio

A Portfolio built in HTML and CSS with a moving wave SVG and working submit from

responsive-gallery-website

Google-Home-Chatbot

Voice and Chatbot for Google Home

jeopardy-javascript

A game of Jeopardy in javaScript

opentelemetry-tracing

Introduction to Tracing

sudoku-solver

A project to learn hw to use APIs in JavaScript and NodeJS

javascriptgames

hashing-passwords-template-app

A React form that will hash your passwords and send them to a database

zip-food-delivery-app

whack-a-mole-react-native

We build Whack-a-mole in react native

zelda-inventory

A Project to practise Database use

hotel-app

A Project to Demo using a GraphQL API with Serverless Functions

react-nodejs-database-flight-widget

buzzfeed-clone-typescript-database

Build a Buzzfeed Clone in TypeScript + REST API Database + Node.js!

serverless-database

How to use a serverless database with DataStax and Netlify Functions

word-association-game

A React Project built using RapidAPI

pacman-with-voice-AI-final

Final code for tutorial pacan-with-voice-AI

jump-slide

A simple function for jumping and sliding in games

word-association-vanilla-javascript

A Word Association Game made in vanilla JavaScript just for fun!

web-monetization-demo

A demo to show users how to use web monetization on their websites

my-javascript-action

travel-blog

A travel blog built using React and Sanity.io

communications-dashboard

pac-man-move-closer-logic

Making Blinky chase PacMan wherever he is on the board in vanilla javaScript

show-more-feature

Show More Feature in Vanilla JavaScript, HTML and CSS

space-invaders-kaboom.js

A game of Space Invaders using Kaboom.js

pacman-with-voice-AI

pacman in JS for voice AI tutorial

zelda-kaboom.js

Zelda using Kaboom.js

buzzfeed-clone-react

Build Buzzfeed quiz in React + JSON Server!

React-app-setup

Packages and code for setting up a React App

beer-generator-javascript

Random beer Generator using vanilla JavaScript API fetch

next-landing-page

mobee-psql-data

Demo data for the Mobee App

to-do-app

wdi-fundamentals-memorygame

Pre-course prep work using HTML, CSS and JS

burger-app

For a Document API and ExpressJS Demo

video-app-frontend

A demo to show how to use Structured Content

javascript-nodejs-api-flight-widget

eslintrc-example

AN example of a .eslintrc file

video-app-backend

A Demo of how to use Structured Content