This was a passion project for me. Space fascinates me and I have always wanted to create something related to that. So oneday, came up with the idea to make a website to see the current position of the International Space Station for myself.
The project can be changed to display all the space stations' positions available from celestrak.
You will need a mapbox public token which you can get from mapbox.
Set the token on .env/.env.local in REACT_APP_MAPBOX_ACCESS_TOKEN
Data is fetched from http://www.celestrak.com/NORAD/elements/stations.txt
There's an issue with CORS. You need to enable CORS on browser to be able to fetch data from celestrak on Development mode (npm start).
It works properly in Production but you have to change the api url to /satellites in App.js
I use this plugin in chrome to get around the CORS issue.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Build the project.
Runs the app in the production mode.
Open http://localhost:8080 to view it in the browser.