DJI Tello Node JS and Vue controller template

Simple interface for creating a controller application for the DJI Tello drone. The application is made of a frontend- and backend application. The backend is an nodejs express server communicating with the drone via an udp4 connection. The vue frontend application communicates with vue frontend via socket io.

I only uploaded my template so that you can explore and create your own interface in vue

To extend the functionality of the application please see the Tello SDK document in assets or here: https://terra-1-g.djicdn.com/2d4dce68897a46b19fc717f3576b7c6a/Tello%20%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/For%20Tello/Tello%20SDK%20Documentation%20EN_1.3_1122.pdf

Technology

• Backend: Node js, Express and Socketio
• Frontend: Vue.js, Vuetify, Vuex and Socketio

Run Backend

    #Go to backend folder
    cd backend

    # Install dependencies
    npm install

    #Run the program
    npm run start
        # OR
    nodemon # If using nodemon for hot-reload

Run frontend

    # Go to frontend folder
    cd frontend

    # Install dependencies
    npm install

    # Run clientapp
    npm run serve

Frontend

Homepage: choose between controller or a routeplanner

Controls: add your own commands to personalize your controller

Route planner: add your own commands to extend functionality

Tips

• The socket events in the backend 'runCommand' and 'runRoute' takes the commands described in the Tello SDK. It's only nessesary to change the frontend to change how to controll the drone.

NB ⚠️️️: The codebase is used at your own risk

TODO:

• Add livestream video from drone