MegaStark — Plattform für Renovierungsabläufe
MegaStark verbindet eine deutschsprachige Website und ein Kundenkonto mit einem ERP für Renovierungsleistungen und individuelle Badprodukte. Aufmaßanfragen, Aufträge und Materialien haben eigene Oberflächen.
Projektziel
Kundenanfragen und die Organisation einer Renovierung zusammenführen: Aufmaßanfragen erfassen, Aufträge strukturieren, den Materialkatalog pflegen und Fachkräfte koordinieren.
Lösung und Architektur
Die Next.js-Website stellt Leistungen vor und gibt Kunden Zugang zu Anfragen und Aufträgen. Ein separates React-ERP unterstützt Manager, Auftragnehmer, Gutachter, Zeichner und die Produktion. Die NestJS-API und PostgreSQL bilden Abläufe vom Aufmaß bis zur Ausführung ab; Prisma verarbeitet relationale Daten, Socket.IO unterstützt den Chat. Der Quellcode enthält außerdem Zeichnungen, Materialdokumente, Fotoberichte und Abnahmeprotokolle. Eine eigene Next.js-Landingpage stellt Fliesenarbeiten vor. Dieser Fall beschreibt die Webplattform; die Smartphone-Ansicht ist eine mobile Webversion.
Einblicke in MegaStark
Originalansichten des lokalen Portals und ERP mit isolierter API und einem kleinen fiktiven Datensatz.
Die Ansichten zeigen fiktive Kunden, Katalogartikel, Anfragen und verknüpfte Aufträge in einer separaten lokalen Datenbank. Es wurden keine Produktionsdaten kopiert. E-Mail, SMS, WhatsApp, Analyse, Zahlungen und externe Aktionen sind deaktiviert oder blockiert. Preise und Status dienen der Demonstration. Zahlungsabwicklung, Lieferantenaustausch, Kalendersynchronisierung und der vollständige Ausführungsprozess wurden nicht geprüft.
Vorteile
- 📐 Anfragen ordnen — Aufmaßanfragen zeigen Kunden, Kategorie und aktuellen Status.
- 🧱 Einen gemeinsamen Katalog pflegen — Artikel bündeln Materialinformationen, Einheiten und Preise.
- 🛠️ Fachkräfte koordinieren — der Quellcode trennt Rollen für Manager, Auftragnehmer, Gutachter, Zeichner und Produzenten.
- 📂 Dokumente dem Auftrag zuordnen — eigene Abläufe umfassen Zeichnungen, Materialdateien und Abnahmeprotokolle.
- 📱 Anfragen mobil verfolgen — das Kundenkonto bietet eine responsive Weboberfläche.
- 🎨 Badoberflächen erkunden — Freedom 120 zeigt verfügbare Materialkombinationen vor einer Bestellanfrage.
Technologien
Im Quellcode bestätigt: Next.js 14, React 18 und TypeScript für das Kundenportal; React, Vite, Tailwind CSS und Redux Toolkit für das ERP; NestJS, Prisma, PostgreSQL und Socket.IO für API und Datenhaltung. Kalender-, Lieferanten- und Zahlungsintegrationen sind im Code vorhanden; ihre Funktion wurde in dieser Demonstration nicht vollständig geprüft.
Entwicklung einer Renovierungsplattform mit Kundenportal und ERP
MegaStark zeigt, wie Leistungsseiten, Kundenkonten und operative Oberflächen ein strukturiertes Backend gemeinsam nutzen können, ohne alle Beteiligten in dieselbe Ansicht zu zwingen.
Visuelle Konfiguration vor der Bestellung
Der Freedom-120-Konfigurator bietet getrennte Materialoptionen für Waschtisch, Wand und Boden. Filter ordnen die Oberflächen; die Vorschau wechselt zum vorbereiteten Rendering der Auswahl. Es handelt sich um einen renderbasierten Webkonfigurator, ohne einen Echtzeit-3D-Motor zu behaupten. Der Projektfall zeigt die originale Oberfläche mit der Auswahl Agate Blue Velvet.
Von der Aufmaßanfrage zum Auftrag
Eine Renovierung beginnt mit Angaben zum Objekt und zur gewünschten Leistung. MegaStark trennt die Aufmaßanfrage vom späteren Auftrag. Kundendaten, Kategorien und Bearbeitungsphasen behalten dadurch ihren eigenen Kontext. Die lokale Demonstration zeigt beide Datensatztypen und ihre Verknüpfung.
Materialien und Fachkräfterollen in einer Architektur
Eine Renovierungsplattform braucht mehr als ein Kontaktformular. Der Quellcode enthält Artikel, Einheiten, Materialsets, Zeichnungen und Rollen für die Ausführung. Das React-ERP stellt operative Ansichten bereit; das Next.js-Portal bietet Kunden eine separate Oberfläche. Die NestJS-API modelliert gemeinsame Datensätze mit Prisma in PostgreSQL.
Was der Projektfall belegt
Die Screenshots dokumentieren reale lokale Ansichten mit fiktiven Daten: Aufmaßanfragen, Materialkatalog und Kundenzugang. Daraus werden keine gemessenen Zeitersparnisse oder Geschäftsergebnisse abgeleitet. Weitere Webanwendungen und Geschäftssysteme finden Sie im Portfolio; unsere Leistungsseite beschreibt die Zusammenarbeit für ähnliche Vorhaben.