LeapMotion visualizer for React

If you have a LeapMotion and love to work on React, you should check this repo 😉

Installation

Please install the Leap Motion Orion 3.2.1 SDK. You can download the installer here.
Once you're done, you can move to clone the repo and install the npm dependencies:

git clone https://github.com/Darkensses/react-leap-visualizer.git
cd react-leap-visualizer
npm install

Run the React app (don't forget to plug your LeapMotion to the computer 🔌💻)

npm run start

👉 Check the Demo on YouTube

How was it built?

✨ with a LeapMotion of course ✨
But also with:

• ws 👂 (to listen the LeapMotion events with a websocket) Go to repo.
• threeJS 🧊 (for maths and drawing 3D graphics) Go to repo.
• react-three-fiber (threeJS on React!) Go to repo.

📢 Shout-outs to Zakaton for create an unofficial LeapMotion SDK and allowed me to understand what is going on behind the scenes!

• Zakaton's Github
• Unoffical SDK repo
• Youtube Demo (Check the channel, it has a lot of amazing demos with other devices!)

Also, thanks to the Project North Start discord server to help me with some doubts about how to put the LeapMotion data in the screen ;)