MegaStark — платформа керування ремонтними роботами
MegaStark поєднує німецькомовний сайт і кабінет клієнта з ERP для ремонтних послуг та індивідуальних виробів для ванної кімнати. Заявки на замір, замовлення й матеріали мають окремі інтерфейси.
Мета проєкту
Об’єднати звернення клієнтів та організацію ремонту: збирати заявки на замір, упорядковувати замовлення, вести каталог матеріалів і координувати роботу фахівців.
Рішення та архітектура
Сайт на Next.js представляє послуги та надає клієнтам доступ до заявок і замовлень. Окрема ERP на React призначена для менеджерів, підрядників, кошторисників, креслярів і виробництва. API на NestJS та PostgreSQL моделюють процес від заміру до виконання; Prisma працює з реляційними даними, Socket.IO використовується для чату. У коді також є модулі креслень, документів на матеріали, фотозвітів і протоколів приймання. Окремий лендинг на Next.js представляє плиткові роботи. Кейс описує вебплатформу; екран на телефоні — мобільна вебверсія.
Екрани MegaStark
Справжні екрани локального порталу та ERP, підключених до ізольованого API з невеликим набором вигаданих даних.
На екранах — вигадані клієнти, товари, заявки та пов’язані замовлення в окремій локальній БД. Виробнича база не копіювалася. Email, SMS, WhatsApp, аналітику, платежі та зовнішні дії вимкнено або заблоковано. Ціни й статуси демонстраційні. Обробку платежів, обмін із постачальниками, синхронізацію календарів та повний цикл виконання не перевірено.
Переваги
- 📐 Упорядковані звернення — заявки на замір містять клієнта, категорію та поточний статус.
- 🧱 Спільний каталог — артикули поєднують інформацію про матеріали, одиниці вимірювання та ціни.
- 🛠️ Координація фахівців — у коді розділено ролі менеджера, підрядника, кошторисника, кресляра та виробника.
- 📂 Документи в контексті замовлення — окремі процеси охоплюють креслення, файли матеріалів і протоколи приймання.
- 📱 Доступ із телефона — кабінет клієнта має адаптивний вебінтерфейс.
- 🎨 Вибір оздоблення ванної — Freedom 120 показує доступні поєднання матеріалів перед заявкою на замовлення.
Технології
Підтверджено кодом проєкту: Next.js 14, React 18 та TypeScript для порталу; React, Vite, Tailwind CSS і Redux Toolkit для ERP; NestJS, Prisma, PostgreSQL та Socket.IO для API й даних. У коді є інтеграції календарів, обміну з постачальниками та платежів; їх наявність не означає перевірку в межах демонстрації.
Розробка платформи ремонтних послуг із кабінетом та ERP
MegaStark показує, як сторінки послуг, кабінет клієнта та операційні інтерфейси можуть використовувати спільний бекенд і водночас залишатися окремими робочими просторами.
Візуальна конфігурація перед замовленням
Конфігуратор Freedom 120 має окремий вибір матеріалів для тумби, стін і підлоги. Фільтри впорядковують варіанти оздоблення, а попередній перегляд змінюється на підготовлений рендер вибраного поєднання. Це вебконфігуратор на основі рендерів, без тверджень про 3D-рушій реального часу. У кейсі показано справжній інтерфейс з обраним Agate Blue Velvet.
Від заявки на замір до замовлення
Ремонт починається з інформації про об’єкт і потрібну послугу. MegaStark розділяє заявку на замір і подальше замовлення, зберігаючи контекст клієнта, категорії та етапу обробки. Локальна демонстрація показує обидва типи записів і зв’язок між ними.
Матеріали та ролі фахівців у спільній архітектурі
Платформа ремонту потребує більше, ніж форми зворотного зв’язку. У коді є артикули, одиниці вимірювання, комплекти матеріалів, креслення та ролі учасників виконання. ERP на React надає операційні екрани, а портал на Next.js — окремий інтерфейс клієнта. API на NestJS моделює спільні записи в PostgreSQL через Prisma.
Що підтверджує кейс
Скриншоти документують справжні локальні екрани з вигаданими даними: заявки на замір, каталог і доступ клієнта. Вони не підтверджують виміряну економію часу чи комерційне зростання. Інші вебпроєкти та бізнес-системи можна переглянути в портфоліо, а пропозиції розробки — на сторінці послуг.