CartMart — B2B-Marktplatz für Druckverbrauchsmaterial
Ein Webmarktplatz für Unternehmen, die mit Kartuschen, Toner und Druckerkomponenten handeln: mit Produktkatalog, Mengenpreisen und Verkäuferkonto.
Projektziel
Professionelle Einkäufer und Lieferanten von Druckverbrauchsmaterial auf einem Marktplatz zusammenbringen und Produktsuche, Verpackungsoptionen und kaufmännische Abläufe in einer Webanwendung verbinden.
Konzept
CartMart verbindet ein Next.js-Frontend mit einem Magento-Backend. Käufer können nach Hersteller, Kategorie und Preis suchen; Anbieter verwalten ihre Angebote im eigenen Konto. Der Code enthält außerdem Produktgesuche, Gegenangebote, CSV-Import und Abläufe rund um Bestellungen.
Einblicke in den Marktplatz
Echte Ansichten der lokal laufenden Anwendung, verbunden mit einer separaten Magento-Installation und einem kleinen Demokatalog.
Die Screenshots zeigen eine lokale Demo mit fiktiven Unternehmen, Angeboten, Preisen und Beständen. Produktbilder und CartMart-Logo stammen aus dem Projekt-Repository. Zahlungen, E-Mails, externe Übersetzung und fachliche Schreibaktionen sind deaktiviert. Einkauf, Gegenangebote, CSV-Import und Rechnungsstellung wurden nicht vollständig durchgetestet.
Vorteile
- 🔎 Gezielte Suche — den Katalog nach Hersteller, Kategorie, Produkttyp und Preis eingrenzen.
- 📦 Einkaufsbedingungen — Verpackungen und Mengenpreise direkt auf der Produktseite vergleichen.
- 🏷️ Verkäuferbereich — eigene Angebote einsehen und Werkzeuge zur Produktverwaltung aufrufen.
- 🤝 B2B-Abläufe — eigene Oberflächen für Produktgesuche und Gegenangebote.
- 🛠️ Katalogverwaltung — Produktdaten, Varianten und Bestände in der Magento-Administration.
Technologien
Das Frontend nutzt Next.js, React und TypeScript, Apollo Client für GraphQL sowie Redux Toolkit für Zustand und REST-Anfragen. Das PHP-Backend basiert auf Magento Open Source 2.4.7-p3 mit projektspezifischen Modulen. Die lokale Demo verwendet MariaDB und Elasticsearch.
- Next.js / React / TypeScript
- Apollo Client / GraphQL / Redux Toolkit
- PHP / Magento Open Source
- MySQL (MariaDB) / Elasticsearch
Entwicklung eines B2B-Marktplatzes für Druckbedarf
Beim Handel mit Druckverbrauchsmaterial reicht eine Liste von Produkten und Preisen nicht aus. Professionelle Einkäufer müssen Hersteller, Produkttypen, Verpackungen und Mengenbedingungen unterscheiden können. CartMart zeigt, wie ein Webmarktplatz diese Informationen gemeinsam mit Verkäuferwerkzeugen strukturieren kann.
Ein Katalog für Einkaufsentscheidungen
Der CartMart-Katalog bietet Filter für Hersteller, Kategorie, Typ und Preis. Produktseiten verbinden Bilder und Beschreibungen mit Verpackungsvarianten und Staffelpreisen. So finden Geschäftskunden wesentliche Einkaufsbedingungen in einer Ansicht, statt sie aus mehreren Listen zusammenzutragen.
Frontend und Verkäuferbereich verbinden
Eine Next.js-Anwendung stellt Katalog und Kontoseiten bereit. Apollo Client greift über GraphQL auf Magento zu; REST-Endpunkte bedienen Konten und projektspezifische Vorgänge. Magento verwaltet Katalog, konfigurierbare Produkte und Bestände. Individuelle Module ergänzen das Backend um Marktplatzabläufe.
Was die lokale Demo belegt
Die Screenshots dokumentieren einen echten lokalen Next.js-Client und eine Magento-Installation mit fiktiven Datensätzen. Gezeigt werden Katalog, Produktdetails, Verkäuferangebote und Katalogverwaltung. Gegenangebote, Import, Einkauf und Rechnungsstellung sind im Quellcode vorhanden, wurden jedoch nicht vollständig durchgetestet. Der Fall veranschaulicht Produktstruktur und Oberfläche, ohne wirtschaftliche Ergebnisse zu behaupten.