Developer Guidelines Tooling

Verwendete Werkzeuge und Bibliotheken

Die wichtigsten verwendeten Werkzeuge sind:

• Volar ist ein essentielles VSCode Plugin für die Vue-Entwicklung mit Typescript.
• Husky ist zuständig für das Ausführen der Pre-Commit Hooks und ist daher unerlässlich für die lokale Entwicklung. Es wird automatisch initialisiert, wenn die Projektumgebung aufgesetzt wird.
• ESLint wird für das Linten vom Code verwendet.
• Prettier wird für die automatische Formatierung des Codes verwendet.
• commit-lint wird für die automatische Überprüfung der Commit Messages verwendet.

Die wichtigsten verwendeten Bibliotheken sind:

• Vue 3 ist das Frontend-Framework, welches für die Entwicklung der Web-Anwendung verwendet wird.

• Leaflet ist für die Kartenfunktionalität zuständig und stellt viel Funktionalität für die Interaktion mit Markern bereit.

• Mapbox stellt die Directions und Geocoding , sowie die Static Tiles API bereit. Die Directions API wird dazu verwendet, indiviuelle Routen (z.B. eines E-Scooters) zur Laufzeit anzufragen und zu cachen. Die Geocoding API wird benutzt, um den Start- und Zielort von Trips von LatLngs in eine Straße umzuwandeln (Reverse Geocoding). Die Static Tiles API ist sozusagen das "Karten-Backend" für Leaflet und wird für die Darstellung der Karte verwendet.

• Bootstrap 5 wird für die erleichterte Gestaltung der Anwendung verwendet.

• Font Awesome wird für die Icons verwendet.

  Hinweis: Einige wenige Icons (z.B. E-Scooter) werden von Iconify über den Iconify Icon Web Component bereitgestellt, da es kein äquivalentes Icon von Font Awesome gibt. Diese Komponente fragt die Icons von der Iconify API an, anstatt sie mit zu bundeln, wie es bei Font Awesome gemacht wird.