Sky and Space

Im Kurs Programmiersprachen haben wir mit diesem Projekt ein tiefergehendes Verständnis für das Framework Svelte bekommen. Wir haben eine Wetter-Anwendung erstellt, welche Daten über das aktuelle Wetter für die eingegebene Stadt anzeigt. Zusätzlich dazu, kann die aktuelle Mondphase und Daten zum Sonnenauf- und Sonnenuntergang angezeigt werden.

Die Webseite ist mit dem Framework Svelte erstellt. Die Daten für die Wetteransicht erhalten wir über die API von Open Weather. Die aktuellen Mondphasen wird über die lunarphase-js Javascript-Library berechnet.

Tagesansicht

In der Tagansicht werden folgende Wetterinformationen angezeigt: Temperatur, Regenwahrscheinlichkeit, Windstärke, Bewölkung und Luftdruck. Außerdem wird passend zum Wetter die richtige Illustration angezeigt. Der Hintergrund passt sich farblich dem Wetter an.

Nachtansicht

In der Nachtansicht erhält man Informationen wann die Sonne auf und untergeht. Des Weiteren wird einem die jetzige Mondphase gezeigt. Abhängig von der Uhrzeit wird entweder die Nachtansicht oder die Tagansicht angezeigt.

Ansicht-Button

In der Tages- und Nachtansicht kann jeweils in die andere Ansicht gewechselt werden. Das ist über einen Button, der sich im Header neben der Suchleiste befindet, möglich.