Hello everyone,
In this video we are going to build a global map with plots for all natural events occurring all over the globe. We will use NASA's Earth Observatory Natural Event Tracker (EONET) to get the data, LeafletJS to generate our map, and NextJs to build out the rest of our functionality. Enjoy, subscribe and share the video, it helps out greatly!
Subscribe here: https://bit.ly/3qsAsNC
Subscribe to my clips channel to get more bite-sized content: / @tsbsankaraclips
Features
1. NextJs
2. Search filter
3. LeafletJs for the map
4. NASA EONET API to get the data
GitHub Repo: https://github.com/sankthomas/nextjs-...
Timestamps:
00:00 - Intro and App Demo
01:19 - API Overview
06:00 - Create Next App
08:06 - App Build
09:24 - Install and set up Leaflet
14:12 - Map marker icon
17:30 - Get API data
22:45 - Plot points on map
26:18 - Select filter
40:25 - Deploy to GitHub
44:02 - Subscribe
My eBook, Fundamentals of ReactJs is available for $1: Go to https://tsbsankara.gumroad.com/l/vkdqf to purchase your copy today!
Buy my products: https://tsbsankara.gumroad.com
Join my discord server: / discord
Follow me on Twitch for livestreams and AMA sessions: / tsbsankara
Follow me on Twitter: / tsbsankara
Follow me on Instagram: / tsbsankara
Subscribe to my YouTube channel: https://bit.ly/3qsAsNC
Support the channel: https://streamlabs.com/tsbsankara1/tip