Mobility Data Space: React Frontend
Der Mobility Data Space (MDS), initiiert von acatech (Deutsche Akademie der Technikwissenschaften), ist ein Datenökosystem, das den sicheren und souveränen Austausch von Mobilitätsdaten ermöglicht, um Innovationen im Verkehrssektor zu fördern. Wir setzten das Frontend des Datenkatalogs auf Basis von React.js um und integrierten die Elastic Search-Suche sowie das Backend.
Übersicht
Die Kundenherausforderung
Die Integration des Open-Source-Backends und der Elastic Search-Datenbank in das Frontend kann technisch herausfordernd sein. Es erfordert sorgfältige Konfiguration und APIs für effiziente Kommunikation. Material Design-Komponenten müssen angepasst und gestylt werden, um das Gesamtdesign zu wahren. Performance-Optimierungen wie Caching, Lazy Loading und Suchabfrage-Optimierung sind wichtig. Das Frontend sollte benutzerfreundlich, skalierbar und flexibel sein, um zukünftige Anforderungen zu erfüllen. Daraus ergaben sich dann die weiteren Anforderungen:
- Integration von Open Source Backend und Elastic Search
- Anpassung von Material Design-Komponenten
- Performance-Optimierung
- Skalierbarkeit
Die Lösung
Durch erfolgreiche Lösungsansätze wurden die Herausforderungen bewältigt. Das Backend und die Elastic Search-Datenbank wurden nahtlos ins Frontend integriert. Die Anpassung von Material Design-Komponenten erfolgte sorgfältig, um ein konsistentes Erscheinungsbild zu gewährleisten. Performance-Optimierungen wie Daten-Caching, Lazy Loading und Suchabfrage-Optimierung wurden implementiert. Das Frontend ist benutzerfreundlich und skalierbar. Der MDS Catalog läuft reibungslos und erfüllt zukünftige Anforderungen.
Technischer Ansatz
Frameworks
React.js
Programmiersprachen
JavaScript, HTML/CSS
Server & Datenbanken
Apache, MySQL
Versionierung
GIT
