E-Commerce

Eine umfassende Online-Shopping-Anwendung zum Durchsuchen von Produkten, Verwalten des Warenkorbs und einfachen Abschließen von Bestellungen.

Project Image

Verwendete Technologien

Next.jsReactReal REST API

Projektübersicht

Eine umfassende E-Commerce-Anwendung, entwickelt mit Next.js und angebunden an eine echte API. Nutzer können sich registrieren und anmelden, Produkte durchsuchen, Artikel in den Warenkorb legen, Produkte auf einer Wunschliste speichern, den Bestellvorgang abschließen und ihr Konto zentral verwalten.

Wichtige Funktionen

Registrierung und Anmeldung

Nutzer können ein Konto erstellen, sich anmelden und erhalten ein personalisiertes Einkaufserlebnis.

Warenkorbverwaltung

Nutzer können Artikel in den Warenkorb legen, ihn anzeigen, Mengen ändern und Produkte wieder entfernen.

Bestellabschluss

Nutzer können ihre Bestellungen über echte APIs abschließen.

Wunschliste

Nutzer können Produkte für später auf ihrer persönlichen Wunschliste speichern.

Kontoverwaltung

Nutzer können ihre Kontodaten und Einstellungen verwalten.

REST-API-Integration

Die Anwendung ist für Produktdaten, Warenkorbverwaltung und Bestellabwicklung mit einer echten REST-API verbunden.

Screenshots

Screenshot der E-Commerce-Startseite

Startseite

Auf der E-Commerce-Startseite werden ausgewählte Produkte und Kategorien zum Entdecken angezeigt.

Herausforderungen und Lösungen

Herausforderungen
  • Produkt- und Warenkorbdaten in Echtzeit verwalten
  • Eine übersichtliche Einkaufserfahrung schaffen
  • Konten und Bestellungen schützen
Lösungen
  • Die Benutzeroberfläche ist mit einer echten REST-API verbunden, die Produktdaten abruft und Warenkorbänderungen synchron aktualisiert.
  • Der Einkaufsprozess wurde in klare Schritte für Produktsuche, Warenkorb, Wunschliste und Bestellabschluss aufgeteilt.
  • Registrierung, Anmeldung und Kontoverwaltung sind auf die persönlichen Daten und Bestellungen des jeweiligen Nutzers ausgerichtet.