Erstellung einer «Quote of the Day» PWA

Im letzten Issue geht es darum eine «Quote of the Day» Progressive Web App im Frontend Container eines anderen Projekts zu entwickeln.

Quote of the Day

Die Anwendung ist von der Grundfunktionalität sehr einfach: für jeden Tag wird von einer Zitate API, z.B. https://quotes.rest/, ein Zitat abgeholt und mit einem Bild aus der Beiboot API angezeigt. Die Anwendung ist für Smartphones ausgelegt/ optimiert.

Progressive Web App

Bitte prüfen Sie, welche PWA Eigenschaften (z.B. Installierbarkeit) für die Anwendung sinnvoll sein könnten und implementieren Sie diese. Dokumentieren Sie (via Decision.md) in diesem Zug kurz, welche PWA Eigenschaften warum implementiert wurden und warum nicht.

Layoutvorgaben

Die Layouts sind hier hinterlegt und es gibt ein Videokommentar zu Layouts und Projekt.

Font

Barlow
Größen und Abstände entlang der Renard 20 Serie, 10px, 11px, 12px, 14px, 16px, 18px, 20px, etc.

Frontend Container eines anderen Projekts

Bei diesem Issue geht es nicht darum, die PWA im eigenen Projekt zu entwickeln, sondern im Frontend Container eines anderen Teilnehmers. Eventuell müssen/ können/ sollten noch Änderungen am Backend vorgenommen werden, um die Anforderungen für die «Quote of the Day» PWA zu erfüllen. Verhandeln Sie diese mit dem Inhaber der Repos. Folgende Repos stehen zur Verfügung:

Deployment

Ihr PWA muss via Github.io deployt werden.

Dokumentation

Bitte referenzieren in Ihrem Beiboot Repo:

die URL zum Fork, so dass ich den Code für Ihre PWA finden kann
die URL zur Decision.md
die URL zur deployten Anwendung

Außerdem

Halten Sie den Code der PWA möglichst schlank und übersichtlich.

mi-classroom / mi-master-wt-beiboot-2020