This project was bootstrapped with Create React App.
npm install Or yarn install
npm start Or yarn start
- Application onload - load google map api, load fence, start mqtt client, load vehicles within fence.
- Settings - user to upload vehicle position (car_no, lat and lon)
- Mqtt listener to get message of new position. There are 2 topics being subscribed
- car_in_boundary: vehicle is within boundary, update marker or create new marker
- car_outside_boundary: vehicle is outside boundary, remove marker if it's in the boundary originally.
- Google Map Drawing Manager - After redrawing of the fence, all markers are removed and new set of vehicles are retrieved from the REST endpoint.