dfds-ships-on-map

Code for https://ships-on-map.tech

quick start

npm install
# or yarn

npm run dev
# or yarn dev

Development

Mock ships data are used in development mode.

Prototyping

Exploring tech in following areas.

• Navigation by ship position on map - deep link
• Navigation by terminal position on map - deep link
• support querystring
• Laco store with NextJS
• React with leaflet
• Tab menu experiment
• fullscreen API with React
• map as fullscreen page
• proxy lampda API
• change map tiles

TODO

• Ship icons
• Realtime updated positions
• Terminal locations
• Display ship names
• Logging
• Fullscreen mode
• Ship direction
• Shipping routes as dashed lines
• Search and find ship by name
• Search and find terminal by name
• Scheduled information from other API
• Timeline, go back in history

Copyright and License

Most of the icons are owned by DFDS. The code is free to use (BSD license).