Skip to content

AI-powered hand gesture recognition for controlling web maps. Built with MediaPipe and Leaflet in CodePen, and embedded within a simple React and Material UI application.

Notifications You must be signed in to change notification settings

lukezaruba/gestures

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gestures

AI-powered hand gesture recognition for controlling web maps. Built with MediaPipe and Leaflet in CodePen, and embedded within a simple React and Material UI application.

Dependencies

Node.js
npm
npx
create-react-app

Getting Started

  1. Clone the repo locally using git clone https://github.com/lukezaruba/map-library.git
  2. In the repo directory, run npm install to install necessary packages
  3. To start the app locally, use npm run start
  4. To deploy to GitHub Pages (if you have your own version of this repo), use gh-pages -d build (See here for more info)

React

To build your own web application using React, here is a brief guide:

  1. Install the dependencies (download Node.js and npm)
  2. Make a new repo in GitHub and clone locally
  3. From the parent directory of your local repo, run npx create-react-app <NAME OF YOUR REPO>
  4. Run npm run start to run the starter code locally
  5. Install packages using npm install to provide other functionalities (e.g., UI design, mapping, etc...)
  6. For deployment to GitHub Pages, see the link mentioned aboe in Getting Started

About

AI-powered hand gesture recognition for controlling web maps. Built with MediaPipe and Leaflet in CodePen, and embedded within a simple React and Material UI application.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published