Skip to content

corquaid/react-iss-tracker

Repository files navigation

Track the International Space Station live!

App screenshot

This app was created with create-react-app and based on my original vanilla Javascript app.

Popover Modals

The following resources were used to create this app:

  • Where The ISS At? REST API for the live ISS orbital data, created by Bill Shupp.
  • My own ISS-related APIs for spacecraft and crew information.
  • react-leaflet providing React components based on Leaflet.js.
  • A great day/night overlay for react-leaflet from Ivan Tamarro.
  • The invaluable use-interval package from Herman Starikov to allow me to use setInterval inside the useEffect hook. I also used this to tweak the night-region package to make it live-updating, creating a moving day/night terminator line on the map.
  • Material-UI for the all-important Popovers.

To-Dos

  • Add Context API for state management
  • Split out additional components from App.js
  • Add lazy loading / Spinners for data fetching