Trapp

This project was carried out as a group project as part of my bachelor's degree over a period of two semesters.
The aim of the "Trapp" project was to develop an application for vehicle travel abroad as a progressive web app.
The app was intended to collect and display travel support data such as maps, petrol stations, workshops and points of interest from different sources - including the ability to access previously retrieved data offline. There should also be help for problematic situations where the vehicle is displaying error codes.

The ability to access vehicle data in real time and process it in such a way that it meaningfully supports the user during the journey was also a central factor of our application.
Because this has not been done from a web application before, we developed the software for accessing the data independently.
The interface for this was the standardized OBD-2 standard.

Our application was implemented on the basis of the Javascript framework Vue.js.
On the client side, we also used the CSS framework Vuetify and a service worker for implementation as a progressive web app.
We also used the data query language GraphQL. For the implementation of this we used Express on the server side and the Apollo-Server framework.
We mainly used GraphQL for the integration of the points of interest (POI). In order to have finer control over these, they are not requested directly from our frontend, but are brought together from the various providers in our backend.
In addition, we used our own MySQL database to offer the user the possibility to add their own places.