GitHub-Repository ansehen
Live-Vorschau ansehen

Dieses Projekt ist der Abschluss meines ersten Moduls an der Code Academy Berlin. Ziel war, React mit React Router, Hooks und Context zu nutzen. Wir haben uns mit Login über Firebase Auth und Dokumentenspeicherung mit Firestore beschäftigt.

Ich habe die D&D 5e SRD API verwendet, die Informationen zu verschiedenen Aspekten des Tabletop-Spiels Dungeons and Dragons enthält, und daraus ein "Explore"-Menü gebaut, das sich wie ein D&D-Wiki nutzen lässt.

Mit einem Konto können Nutzerinnen und Nutzer Einträge von den Explore-Seiten speichern und in einer Favoritenliste ansehen. Ich habe außerdem versucht, eine Charaktererstellung zu bauen. Das Ergebnis ist ein sehr einfacher Charakter aus einer Mischung aus Nutzereingaben und API-Fetch-Ergebnissen.

Einträge können aus Charakteren oder Favoritenlisten gelöscht werden, ebenso das gesamte Konto inklusive aller verknüpften Collections.

Die Ansicht sollte "mobile first" sein, daher wirkt sie in der Breite gestreckt. Am besten sieht sie in einem schmalen Viewport aus. Änderungen am API-Datenschema haben Teile der Funktionalität kaputt gemacht. Charaktergenerierung für D&D ist eine Idee, die ich später in einem größeren Projekt wieder aufgreifen möchte - diesen Code werde ich deshalb vorerst nicht reparieren.

Das Projekt hat mich Authentifizierung und damit verbundene Sicherheitsfragen, Datenbankdesign und Dokumentenschemata gelehrt und sehr deutlich gemacht, wie wichtig Wiederverwendbarkeit von Code ist.