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.
Node.js
npm
npx
create-react-app
- Clone the repo locally using
git clone https://github.com/lukezaruba/map-library.git
- In the repo directory, run
npm install
to install necessary packages - To start the app locally, use
npm run start
- To deploy to GitHub Pages (if you have your own version of this repo), use
gh-pages -d build
(See here for more info)
To build your own web application using React, here is a brief guide:
- Install the dependencies (download Node.js and npm)
- Make a new repo in GitHub and clone locally
- From the parent directory of your local repo, run
npx create-react-app <NAME OF YOUR REPO>
- Run
npm run start
to run the starter code locally - Install packages using
npm install
to provide other functionalities (e.g., UI design, mapping, etc...) - For deployment to GitHub Pages, see the link mentioned aboe in Getting Started