Developing a dashboard to show positions of drones flying in an area. Drone has a unique identifier, it sends its geo-location co-ordinates to the central server in real-time.
Dashboard displays active drones along with their current speed. Highlights drones that are not moving for more than 10 seconds.
For prototype purpose, Simulated drones are used.
Dashboard looks like:
| Unique-ID | Speed in mph | Latitude | Longitude | Altitude | Status |
|---|---|---|---|---|---|
| 111 | 156 | 15°35' 23.9"S | 156°50'51.948"E | 75 m | Active |
| 222 | 6 | 85°35' 53.9"S | 169°50'21.948"W | 5 m | Active |
| 333 | 62 | 26°46'3.81"N | 55°28'1.23"W | 12 m | Inactive |
The server side is developed in ExpressJS/NodeJS. To get real-time data socket.io library is used
The client side is developed in React JS library.
- Unzip the drones-server.zip into a folder
- In a command line, run npm install or yarn
- npm run build
- npm run start
- Now, open a browser; enter url as http://localhost:4001 it will show a {"response":"Server is alive"}. This indicates that server is operational.
- Proceed with Installation of client-side. For details, refer README in respective zip file.
- Unzip the drones-server.zip into a folder
- In a command line, run docker-compose up
- After installing required libraries, it will run the server inside the container
- Now, open a browser; enter url as http://localhost:4001 it will show a {"response":"Server is alive"}. This indicates that server is operational.
For now, three drones are added. More drones can be added by modifying src/droneParams.js file. Also, remember to update, client side file src/App.js for its variable droneIds.
- Refactor hardcoded data into a separate file or .env file
- Write USER MANUAL
- Write TECHNICAL MANUAL