Space Station Tracker

useState

Stores the stations current position and whether simulation is running or paused.

useEffect

Runs the timer/interval that continuously changes the position.

Dynamic CSS

React state controls the stations visual position instead of css independently running the animation.

• As the page loads simulation starts .Space station moves around the Earth.

• Then we can toggle between Resume and Pause.

• There is reset button so that space station can start from initial position,