No description or website provided.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 22879b1 Dec 8, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend cool drone Dec 5, 2018
frontend damn you ds store Dec 5, 2018
.gitignore cool drone Dec 5, 2018
LICENSE Create LICENSE Dec 7, 2018
readme.md Update readme.md Dec 7, 2018

readme.md

JavaScript Drones!

Watch the videos:

Part 1 → https://www.youtube.com/watch?v=JzFvGf7Ywkk

Part 2 → https://www.youtube.com/watch?v=ozMwRq-IT2w

⚠️️️ ⚠️ ️️⚠️️️ Use the codebase as your own risk. The drone can hurt you and I'm not responsible for that. Always test commands with the props removed first. Don't be dumb. ⚠️️️ ⚠️️️ ⚠️️️

Flying a Drone with React and Node.js

IBM is giving away 2,000 DJI Tello drones as part of a contest and I made this video to help them promote it.

Software Used

  • React (with React Hooks!)
  • Styled Components for styling
  • Node.js and UDP4 sockets for communicating with drone
  • Socket.io WebSockets for sending data to/from the browser
  • Next.js for easy react setup

Hardware Used

Using This Code

Frontend

  1. cd frontend
  2. npm install
  3. npm run dev

Backend

  1. cd backend
  2. npm install
  3. connect to drone via wifi
  4. npm start

Troubleshooting

[Docs for Tello are available here](https://dl-cdn.ryzerobotics.com/downloads/tello/20180910/Tello SDK Documentation EN_1.3.pdf)

I had to update the firmware of my drone when it came in the mail before I could use this 1.3 API. Do this via the Tello app on your phone.

If you let the drone's WIFI connection lapse, you have to restart the server by typing rs into the terminal. This will re-run the command command that puts the drone in SDK mode. If you don't do this, it will ignore any commands you send it.

License — WTFPL

I want you to build cool stuff with this.

Please hack on it and make your own cool things.

Examples & Resources