“RoadtripBuddy”: a PWA travel assistant
DOI:
https://doi.org/10.47577/technium.v31i.13801Keywords:
Progressive web app (PWA), travel assistant, toll and fuel stations, road network, interactive map, trip cost calculatorAbstract
In this work, we present RoadtripBuddy, a web application for toll and fuel stations on the greek road network offering functionalities for lowest-cost routes between selected source - destination pairs for various vehicle settings. The application supports both list view and visualization on an interactive map, list of favorite routes, notifications and it is currently available in english and greek. Moreover, as a progressive web application, RoadtripBuddy can be used both as a website and a mobile application on any device. For the development HTML, CSS and JavaScript have been used while interactive map visualization has been based on the MapTiler.
References
[1] J. E. Doran, D. Michie, "Experiments with the Graph Traverser program," Proceedings of the Royal Society A: Mathematical, Physical and Engineering Sciences, vol. 294, no 1437, pp. 235–259, 1966, doi: 10.1098/rspa.1966.0205.
[2] S. Russell, P. Norvig. Artificial intelligence a modern approach (4th ed.). Boston: Pearson, 2021. ISBN 9781292401133
[3] geocode.maps.co. Geocoding API documentation. Available at: https://geocode.maps.co/docs/
[4] How Does a PWA Work? Available at: https://www.designveloper.com/blog/what-is-a-progressive-web-app/
[5] MapLibre. MapLibre GL JS documentation. Available at: https://maplibre.org/maplibre-gl-js/docs
[6] MapTiler. MapTiler documentation. Available at: https://docs.maptiler.com/
[7] MDN Web Docs. IndexedDB API. Available at: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
[8] MDN Web Docs. Progressive web applications. Available at: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
[9] MDN Web Docs. Service Worker API. Available at: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
[10] MDN Web Docs. Using Web Workers. Available at: https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers
[11] MDN Web Docs. Web application manifest. Available at: https://developer.mozilla.org/en-US/docs/Web/Manifest
[12] MDN Web Docs. Window: localStorage property. Available at: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
[13] Netlify Docs. Functions overview. Available at: https://docs.netlify.com/build/functions/overview
[14] Nominatim. Search queries - Nominatim API manual. Available at: https://nominatim.org/release-docs/latest/api/Search/
[15] npm. ngeohash package documentation. Available at: https://www.npmjs.com/package/ngeohash
[16] npm. tinyqueue package documentation. Available at: https://www.npmjs.com/package/tinyqueue
[17] OpenCage. Geocoding API documentation. Available at: https://opencagedata.com/api
[18] OpenStreetMap Wiki. Overpass API. Available at: https://wiki.openstreetmap.org/wiki/
[19] Playwright documentation. Available at: https://playwright.dev/docs/
[20] Project OSRM. OSRM API documentation. Available at: https://project-osrm.org/docs/
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Antonis Petropoulos, Evi Papaioannou, Christos Kaklamanis
This work is licensed under a Creative Commons Attribution 4.0 International License.
