Hand Gesture Calculator (ml5.js)

Hand gesture calculator that detects finger count (0–5) using your webcam and adds two single-digit numbers.

Built using HTML, CSS, JavaScript, and ml5.js Handpose.

Project Contains Following Files:

• index.html
• README.md

---

Run Code Using VS Code Live Server

Run this project using a local server.

Step 1: Install Live Server Extension

1. Open VS Code
2. Go to Extensions (Ctrl + Shift + X)
3. Search for Live Server
4. Install Live Server by Ritwick Dey

---

Step 2: Open the Project Folder

1. Open VS Code
2. Click File → Open Folder
3. Select the folder containing index.html

---

Step 3: Start Live Server

You can start Live Server using any one of the following methods:

Option A

• Right-click on index.html
• Click Open with Live Server

Option B

• Open index.html
• Click Go Live in the bottom-right corner of VS Code

---

Step 4: Allow Camera Permission

• Your browser will open automatically (http://127.0.0.1:5500)

---

Using the Calculator

1. Show your hand clearly to the camera (0–5 fingers)
2. Use the keyboard to control the calculator:

Key	Action
Space	Lock first number
Enter	Lock second number and calculate sum
R	Reset calculator

---

Author: Kartik Mathur

LinkedIn: https://www.linkedin.com/in/kartik-mathur/