Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara

Опубликовано: 24 Июль 2024
на канале: Thomas Sankara
195
9

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