Webtechnologien Wintersemester 2024

3. Aufgabe – Bootstrap

Abgabe 21. November Punkte 5

Beschreibung

Splendr ist ein Startup aus dem Bereich Curated Shopping und an Sie herangetreten, um eine Seite entwickeln zu lassen, auf der Nutzer Produkte sammeln können, die sie im Web gefunden haben.

Dazu soll es Besuchern möglich sein, sich einen Account anzulegen, Links zu Produkten zu speichern und diese thematisch auf Boards zu organisieren.

Hilfe dazu finden Sie unter Bootstrap und Developer Tools.

Aufgabe

Entwickeln Sie mit Bootstrap das Front-End der besagten Seite. Es ist keine Funktionalität gefordert. Folgende Seiten und Elemente sollen enthalten sein:

  1. Startseite mit
    • Jumbotron, das eine kurze Erklärung enthält
    • Liste der aktuell populärsten Produkte
  2. Board mit Beispiel-Produkten
    Ein Produkt besteht aus: Name, Preis, URL zum Produkt und URL zu einem Bild.
  3. Benutzerprofil
  4. Login / Registrierung
  5. Formular zum Anlegen neuer Produkte

Zudem sollen im Header jeder Seite Elemente enthalten sein, die es ermöglichen:

Im Footer sollen Links zur Kontaktseite und dem Impressum enthalten sein. Der konkrete Inhalt aller Seiten ist nicht relevant.

Es können Ressourcen von Seiten wie startbootstrap.com, bootsnipp.com, lorempixel.com usw. genutzt werden.

Bewertung

Pro oben genannte Seite gibt es einen Punkt.