Problemstellung & Kontext
Ich wollte wissen, wie reibungslos sich die offiziellen Open-Data-Schnittstellen der Deutschen Bahn mit einem modernen Vue.js-Frontend kombinieren lassen. Ziel war es, eine blitzschnelle Echtzeit-Suche für Bahnhofs-Barrierefreiheit zu bauen und dabei zu lernen, wie man unstrukturierte API-Antworten sauber im UI abfängt.
Technische Umsetzung
Aufbau einer entkoppelten Architektur. Ein schlankes PHP-Backend dient als API-Gateway, um die geheimen API-Keys (clientId, apiKey) serverseitig zu kapseln. Ein reaktives Vue.js-Frontend sorgt für die filterbare Live-Suche und bereitet komplexe Barrierefreiheits-Zustände visuell sauber mit dynamischen Badges auf.
Verwendete Technologien
- Vue.js
- PHP
- Vite/NPM
- CSS Flexbox
- Git/Github (inkl. Environement-Sanitizing)
Links
Website: https://db-check.mikeberg.de
