Projekt

In unserem Projekt werden 2 verschiedene REST-APIs(X und Y) miteinander verbunden, welche ein gemeinsames Attribut haben. Es soll dem/der Anwender/-in ermöglichen mit einer einzigen Abfrage, bereitgestellte Daten(XY) zur Laufzeit zu erstellen und mittels GraphQL, Apollo aufzurufen.

Projektergebnis

Wir haben uns für die Digimon API und Digimon TCG API entschieden.
Die Digimon API gibt uns den Namen, ein Bild und das Level zurück. Bei der Digimon TCG API erhalten wir den Digimonnamen und die jeweiligen Karteninformationen (z.B. ID, Bild usw.). Die Verschmelzung der beiden API-Rückgaben findet über den Digimonnamen statt, welcher in beiden APIs gegeben ist.

Startseite

Über das Suchfeld kann man mithilfe von den Suchvorschlägen nach Digimon suchen und wird auf die entsprechende Digimonausgabeseite geleitet. Durch die Karte „alle Charaktere" gelangt man auf die Übersichtsseite.

Übersichtsseite

Auf der Übersichtsseite werden alle Digimon durch ein Bild und dem entsprechenden Namen dargestellt. Das Suchfeld bietet hier wieder die Möglichkeit, nach einem Digimon zu suchen, wie bei der Startseite.

Digimonausgabeseite

Auf der Digimonausgabeseite werden die Informationen von der Digimon API und die Karteninformationen der Digimon TCG API ausgegeben. Über den Zurück-Button gelangt man auf die Startseite.

GraphQL - Query

Hier wird die Query „CompleteDigimonByName“ über Apollo Server aufgerufen, worin beide APIs eingebunden sind.

GraphQL - Mutation

Die Mutation erlaubt es Anwender/-innen ein Digimon als Favorit abzuspeichern. Dafür wird die „AddFavorite“ Methode verwendet.

Verwendete Technologien

Video von unserer Webseite

Projekt

Projektteam

Product Owner:
Anna Becker

Scrum Master :
Liana Islamova

Developer :
Annalena Meyer
Julia Schultze
Antonia Sperling
Duong Nguyen
Sabina Mahoro-Nkundineza

Projekt