We provided front-end software development services, employing modern technologies to craft an interactive website that showcases the Willis Resilience Expedition. Furthermore, this website aims to offer real-time insights into the expedition, including geographic position, temperature, wind, and other factors.
We incorporated a front-end framework akin to D3.js, a potent data visualisation library for interactive elements. As a result, the website can display dynamic charts and graphs, presenting real-time data from the expedition. We visualised the geographic position of the Willis Resilience Expedition using an interactive map created with a framework similar to the Leaflet.js library, allowing users to zoom in and out while exploring the expedition route as it progresses.
Employing a technique comparable to WebSockets, we ensured seamless data communication, enabling real-time, two-way communication between the front and backend. The data transmitted in JSON format is easy to parse and display on the website. Moreover, to track the expedition’s temperature, wind, and other factors, we integrated APIs from weather data providers such as OpenWeatherMap, offering accurate and current weather information.
Front-end Performance considerations
For better performance and accessibility, I have implemented code splitting and lazy loading techniques. This allows the website to load faster and consume less bandwidth, providing a better experience for users with slower internet connections or limited data plans.