Skip to contentNaar de inhoud
Back to projectsTerug naar projecten

Q3 MMS Predictive Maintenance Case

aleksandrxxv/Q3-Management-Dashboard-Semester-3q3-management-dashboard.vercel.app
Predictive MaintenanceVoorspellend onderhoud · Sep 2025 – Jan 2026
Q3 MMS Predictive Maintenance Case logo

Tasked with inheriting and building on top of a previous year's prototype, the team developed a full-stack monitoring system in collaboration with Fontys and industry partner Q3 Concept B.V.. The system monitors machine operations and mold health based on real-time production data. To resolve severe bottlenecks from rendering massive datasets, I implemented viewport-based chart loading, reducing historic data chart load times from ~2 minutes down to 4–7 seconds. The updated platform also introduces real-time energy monitoring to track and analyze power consumption across machines.

Met de opdracht om voort te bouwen op het prototype van een eerder jaar ontwikkelde het team een full-stack monitoringsysteem in samenwerking met Fontys en bedrijfspartner Q3 Concept B.V.. Het systeem monitort machinebewerkingen en matrijsgezondheid op basis van realtime productiedata. Om ernstige knelpunten bij het renderen van enorme datasets op te lossen, implementeerde ik viewport-gebaseerd laden van grafieken, waardoor de laadtijd van historische grafieken daalde van ~2 minuten naar 4–7 seconden. Het vernieuwde platform introduceert ook realtime energiemonitoring om het stroomverbruik van machines te volgen en te analyseren.

Core featuresKernfunctionaliteiten

  • Legacy codebase refactoring to inherit and build on top of a previous year's prototype, resolving technical debt
  • Machine & Mold Monitoring dashboards showing operational status with clickable mold detail pop-ups and historical weekly graphs
  • Optimized viewport-based chart loading to keep dashboards responsive, cutting load times by over 95%
  • Energy monitoring system tracking heating, production, and idle kWh usage alongside estimated cost breakdowns
  • Refactoring van legacy-code om voort te bouwen op het prototype van een eerder jaar en technische schuld weg te werken
  • Dashboards voor machine- en matrijsmonitoring met operationele status, klikbare detailpop-ups per matrijs en historische weekgrafieken
  • Geoptimaliseerd viewport-gebaseerd laden van grafieken voor responsieve dashboards, met een afname van de laadtijd van meer dan 95%
  • Energiemonitoringsysteem dat verbruik voor verwarming, productie en stilstand (kWh) volgt, met een schatting van de kostenopbouw

Tech Stack

Next.jsReactSupabasePostgreSQLTailwind CSSDockerJestAgile

GalleryGalerij

Gallery · 1 shotGalerij · 1 afbeelding
VIEW:WEERGAVE:
Historic data chart speed fix (1 / 1)

Team

All documentation can be found onAlle documentatie is te vinden op

GitHub.