Ein Shop, der Al Harrington dabei helfen soll, seine Wabbel-Wackelarmigen-Windhosenkameraden zu vertreiben.
- Übersichtsseite (page-overview)
- Detailseiten der Produkte (page-detail)
- Produkt-hinzufügen-Seite (page-add-product)
- Fehlerseite (page-not-found)
Zum Hinzufügen neuer Produkte klicke auf das "+" auf der Übersichtsseite. Bei dem Feld "Bildadresse" muss ein Link mitgegeben werden, der auf ein Bild im Internet zeigt. Eine eigenes Bild kannst du beispielsweise auf https://www.directupload.net/ hochladen, anschließend den Hotlink kopieren und einfügen.
Zum öffnen der Single-Page-App genügt ein lokaler Live-Server. Diese Funktionalität bringen moderne Code-Editoren wie Atom oder VSCode in Form von Extensions mit sich. Einfach das Projektverzeichnis mit dem Editor öffnen und den Live-Server starten. Viel Spaß!