Drone Data Visualization!

Live URL (I thought you guys won't have time to run it so I deployed it!!! 😎):

https://eog.armediadesign.com

Instructions to run it

// hoping that you have cloned or downloaded this repo and inside the folder of this repo.
npm install
npm install yarn // just to make sure yarn is installed
yarn run build:prod
node server/server.js // you can then access it on localhost:3000

Little Detail:

This application makes 3 get requests every 4 seconds to the api using redux and middleware redux saga. And the requests are as follow:

1. First request is to drone api requesting lat and lng (thats how the marker on the map moves)
2. Second request takes those lat lng generated by previous request and calls the weather api for city data and woeid to make the third request.
3. Third request takes the woeid and fetches the weather data/forcast and state/region locations.

Then the data get stores in the store by saga in json form which then is supplied to the rest of the appilcation to render out to the screen.

Technologies used

• React js
• Node js
• Express js
• Redux
• Redux-Saga
• SCSS/SASS
• React-Toastify (And many more libraries...)
• And basic web development technologies (like: HTML, Javascript, Bootstrap, etc...)