You'll first want to clone the repo and install the dependencies as below (i'm using yarn)
yarn install
Next, add a .env file to the root of the project with the below key
REACT_APP_GEOLLECT_API_KEY=YOUR_KEY_HERE
lastly run the below command
yarn start
- In the top-left of the app, there is a key to show/hide different types of vessel.
- On press of a ship, an information window opens in the top right.
- In the aforementioned information window, there is an option to show vessel history.
- Making the app responsive to fit smaller screen sizes.
- Display markers with more information for historic ship positions, every X amount of hours or perhaps one per day.
- I chose to only load historic ship positions when requested, this cuts down on initial load time, but the user must then wait when historic data is requested. I would explore loading on app open just to compare speeds.
- If I could change the backend, I would elect to return the ship information with the call to /vessels/positions, this would speed up the initial load time and cut down on API requests.