MegaStark — platforma obsługi prac remontowych
MegaStark łączy niemieckojęzyczną stronę i konto klienta z ERP dla usług remontowych oraz produktów łazienkowych na zamówienie. Zgłoszenia pomiarów, zlecenia i materiały mają osobne interfejsy.
Cel projektu
Połączyć zapytania klientów z organizacją remontu: zbierać zgłoszenia pomiarów, porządkować zlecenia, prowadzić katalog materiałów i koordynować specjalistów.
Rozwiązanie i architektura
Strona Next.js prezentuje usługi i udostępnia klientom zgłoszenia oraz zlecenia. Oddzielny ERP w React obsługuje menedżerów, wykonawców, kosztorysantów, kreślarzy i produkcję. API NestJS i PostgreSQL modelują proces od pomiaru do realizacji; Prisma obsługuje dane relacyjne, a Socket.IO wspiera czat. Kod zawiera także rysunki, dokumenty materiałowe, fotorelacje i protokoły odbioru. Osobny landing Next.js prezentuje prace glazurnicze. Studium obejmuje platformę internetową; widok telefonu jest mobilną wersją WWW.
Ekrany MegaStark
Oryginalne ekrany lokalnego portalu i ERP, połączonych z odizolowanym API i niewielkim fikcyjnym zbiorem danych.
Ekrany przedstawiają fikcyjnych klientów, artykuły, zgłoszenia i powiązane zlecenia w oddzielnej lokalnej bazie. Nie kopiowano danych produkcyjnych. E-mail, SMS, WhatsApp, analityka, płatności i działania zewnętrzne są wyłączone lub blokowane. Ceny i statusy to dane demonstracyjne. Nie zweryfikowano płatności, wymiany z dostawcami, synchronizacji kalendarzy ani pełnego cyklu realizacji.
Zalety
- 📐 Porządek w zgłoszeniach — zapytania o pomiar pokazują klienta, kategorię i aktualny status.
- 🧱 Wspólny katalog — artykuły łączą informacje o materiałach, jednostkach i cenach.
- 🛠️ Koordynacja specjalistów — kod rozdziela role menedżera, wykonawcy, kosztorysanta, kreślarza i producenta.
- 📂 Dokumenty przy zleceniu — osobne procesy obejmują rysunki, pliki materiałowe i protokoły odbioru.
- 📱 Dostęp z telefonu — konto klienta ma responsywny interfejs internetowy.
- 🎨 Wybór wykończenia łazienki — Freedom 120 pokazuje dostępne kombinacje materiałów przed zgłoszeniem zamówienia.
Technologie
Potwierdzone w kodzie: Next.js 14, React 18 i TypeScript dla portalu; React, Vite, Tailwind CSS i Redux Toolkit dla ERP; NestJS, Prisma, PostgreSQL i Socket.IO dla API i danych. Kod zawiera integracje kalendarzy, wymiany z dostawcami i płatności; sama obecność nie potwierdza ich działania w demonstracji.
Tworzenie platformy remontowej z portalem klienta i ERP
MegaStark pokazuje, jak strony usług, konta klientów i interfejsy operacyjne mogą korzystać ze wspólnego backendu, zachowując osobne przestrzenie pracy.
Wizualna konfiguracja przed zamówieniem
Konfigurator Freedom 120 pozwala osobno wybrać materiały szafki, ścian i podłogi. Filtry porządkują wykończenia, a podgląd zmienia się na przygotowany render wybranej kombinacji. To konfigurator internetowy oparty na renderach, bez deklarowania silnika 3D czasu rzeczywistego. Studium pokazuje oryginalny interfejs z wykończeniem Agate Blue Velvet.
Od zgłoszenia pomiaru do zlecenia
Remont zaczyna się od informacji o obiekcie i potrzebnej usłudze. MegaStark oddziela zgłoszenie pomiaru od późniejszego zlecenia, zachowując kontekst danych klienta, kategorii i etapu obsługi. Lokalna demonstracja pokazuje oba rodzaje rekordów oraz ich powiązanie.
Materiały i role specjalistów we wspólnej architekturze
Platforma remontowa wymaga więcej niż formularza kontaktowego. Kod zawiera artykuły, jednostki, zestawy materiałowe, rysunki i role uczestników realizacji. ERP React dostarcza widoki operacyjne, a portal Next.js — osobny interfejs klienta. API NestJS modeluje wspólne rekordy w PostgreSQL przez Prisma.
Co potwierdza studium przypadku
Zrzuty dokumentują rzeczywiste lokalne ekrany z fikcyjnymi danymi: zgłoszenia pomiarów, katalog materiałów i dostęp klienta. Nie dowodzą zmierzonej oszczędności czasu ani wzrostu biznesowego. Inne aplikacje internetowe i systemy biznesowe są dostępne w portfolio, a strona usług przedstawia sposób współpracy przy podobnych projektach.