WebTechFrontend

Benedict Heidecker / Luka Kovacev Hier der Link zu unserer deployten Web-App: https://webtechfrontend.onrender.com/ Hier ist der Link zu unserem BackendRepository: https://github.com/Extn101/WebtechBackend/

ACHTUNG: Eventuell müssen die Browsereinstellungen angepasst werden, damit das richtige Farbschema angezeigt wird.

Ebenfalls sind die Error in der Terminalausgabe, bei den Tests, zu ignorieren, dies geschieht aufgrund der fehlenden Antwort des Backends/API, und sind zu erwarten.

Wie benutzt man die WebApp?:

Home:

• Der Home-Button bringt einen zurück zur Startseite.
• Der Home-Screen ist wie eine Discover-Seite aufgebaut. Hier werden dir die beliebtesten neuen Filme angezeigt.
• Oben rechts auf der Seite kann man in der Searchbar nach Filmen suchen.
• Ma kann die Filme mithilfe des "Hinzufügen"-Buttons zu der Watchlist hinzufügen.
• Nach dem Hinzufügen von Filmen erscheint ein Popup, dass bestätigt, dass der Film hinzugefügt wurde.

About:

• Der About-Button bringt einen zur About-Seite.
• Hier findet man ein paar Informationen über uns und das Uni-Projekt.

Watchlist:

• Der Watchlist-Button bringt einen zu der Watchlist-Seite.
• Hier findet man alle Filme, die man zur Watchlist hinzugefügt hat.
• Man kann die Filme mithilfe des "Entfernen"-Buttons von der Watchlist entfernen.
• Man kann der Watchlist einen Namen und eine Beschreibung geben.
• Die Filme können mit einem Klick auf die Checkbox auf "gesehen" gesetzt werden.
• Es gibt auch die Möglichkeit mehr Informationen zu den Filmen zu bekommen, indem man auf die Mehr-Infos Checkbox klickt.
• Filme können nur aus der Watchlist entfernt werden, wenn sie nicht als "gesehen" markiert sind.
• Es gibt eine Searchbar mit der man einen Film innerhalb der Watchlist suchen kann.