Vögel der Schweiz
Projektbeschrieb
Datenbank aller Vögel der Schweiz
Meine Rolle
Development
Release
Juli 2019
Die Seite «Vögel der Schweiz» ist die meistbesuchte Seite der Schweizerischen Vogelwarte. Es ist eine Datenbank Visualisierung und beinhaltet alle Schweizer Brutvögel mit Informationen, Stimmen, Bilder, Diagrammen und Karten. Die Seite hat auch eine Vergleichsfunktion um verschiedene Vogelarten miteinander zu vergleichen. Die momentan 428 Arten kann man mittels verschiedener Filter einschränken.
Live Webseite
Ausgangslage
Die ursprüngliche Webseite war eine ziemlich langsame PHP Applikation. Im Jahr 2017 wurde diese durch eine Vue.js App ersetzt. Dies ermöglichte (im vergleich zu vorher) extrem schnelle Wechsel zwischen Vogelarten. Es wurde jedoch auch das Design komplett neu gemacht und eine neue Funktion mit den interaktiven Karten eingeführt. Der Teil mit den Karten wurde extern programmiert und ist in React implementiert. In 2019 hatte ich die Idee die Vue App durch eine React App zu ersetzen, damit man die Karten App in die selbe Codebase integrieren konnte.
Methode
Anhand der Vue App habe ich begonnen die neue React App aufzubauen. Bei der Integration der Karten App in meine Codebase musste ich viele React Komponenten vom Klassen Syntax in den aktuelleren Funktionssyntax mit Hooks umschreiben. Dadurch, dass nun beide Teile der App mit React geschrieben waren, konnte ich viele Komponenten wiederverwenden und die beiden Teile soweit miteinander verbinden, dass sie nicht mehr als unterschiedliche Teile wahrnehmbar sind.