This project involved developing a React-based web application for Stena Line Freight to compare transport routes by road and intermodal options (train and ferry). Users can input departure, destination, and cargo weight to view routes sorted by distance, speed, and carbon emissions. The app supports eco-friendly logistics, follows Stena Line’s design, and is built for future development.

Startpage of Carbon emission calculator

Carbon emissions visualized for route input

The sales team at Stena Line Freight uses the application to offer customers cost-effective and environmentally friendly transport solutions. By comparing the carbon footprint of traditional road transport with intermodal alternatives (train and ferry), they can recommend more sustainable options and support efforts to reduce the environmental impact of freight logistics.
The web application leverages React.js for a dynamic user interface and npm for package management. It features a modular design with components that facilitate state management through React’s useState hook, enabling real-time updates of user inputs. Integration with Google APIs enhances functionality, providing city autocomplete and distance calculations. Data visualization is achieved with Recharts, allowing users to compare transport metrics effectively. The development approach is iterative, refining prototypes based on user feedback to meet project requirements.

Display of the quickest route instead of the recommended route calculated based on carbon emissions

Back to Top