The Planets
Eine responsive Website, die dynamisch Unterseiten für alle Planeten in unserem Sonnensystem erstellt.
Für dieses Projekt konnte ich mit einem Figma-Design arbeiten und deshalb die Vorgaben sehr akkurat umsetzen. Die jeweiligen Informationen für die Unterseiten der Planeten habe ich direkt aus einem JSON-File übernommen und die Seiten werden dynamisch erzeugt.
Möglich macht das Eleventy, ein Static-Site-Generator, der aus von mir mit Javascript, HTML und EJS erstellten Templates fertige HTML-Dateien erzeugt. Es handelt sich hier also um eine waschechte Jamstack-Website. Der Vorteil davon sind schnelle Ladezeiten, da nicht bei jedem Aufrufen der Website dynamisch Inhalte über einen Server geladen werden müssen.
Das Design der Website unterscheidet sich je nach Endgerät zum Teil stark: Eine für Smartphones optimierte Ansicht, ein Tablet-Modus und die klassische Seite für den Desktop.
Für dieses Projekt nutze ich:
- Semantic HTML
- Responsive CSS
- JavaScript
- Eleventy
- EJS als Templating-Sprache
- Netlify als Hoster für statische Websites
- GitHub