Gesture based Pong Game in React

Play the famous Pong Game using hand gestures. You don't have to touch anything with your hands! We use vision recognition and machine learning to detect the activity on your webcam.

Run the code

In the project directory, run:

npm install
npm start

Open http://localhost:3000 to view it in the browser.

How to play

• First, train the machine learning model. Press and maintain each of the 3 buttons at the bottom to take pictures for each gesture.
• Click on the canvas to start the game.

Watch the demo on YouTube

Note: We used and took inspiration from the following tools to get started:

• Create React App: a React boilerplate developed by Facebook
• TensorFlow.js: to train the ML algorithm to recognize hand gestures
• We took inspiration fro Meth Meth Method pong game.