Blog: Build a Machine Downtime Tracking Application

[sumitshinde-84]

Description

Related Issue(s)

Checklist

• I have read the contribution guidelines
• I have considered the performance impact of these changes
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
• For blog PRs, an Art Request has been created (instructions)

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 68.5%, saving 866.3 KB.

Filename	Before	After	Improvement	Visual comparison
src/blog/2026/07/images/build-machine-downtime-tracking-application.png	404.4 KB	152.1 KB	62.4%	View diff
src/blog/2026/07/images/complete-dashbaord-downtime-logger.png	301.6 KB	86.5 KB	71.3%	View diff
src/blog/2026/07/images/ui-table-with-popup.png	297.6 KB	90.4 KB	69.6%	View diff
src/blog/2026/07/images/ui-table-stoppages.png	90.3 KB	23.9 KB	73.5%	View diff
src/blog/2026/07/images/prep-params-2.png	53.3 KB	13.7 KB	74.2%	View diff
src/blog/2026/07/images/machine-events.png	41.9 KB	11.7 KB	72.0%	View diff
src/blog/2026/07/images/switch-to-route-events.png	41.8 KB	11.8 KB	71.7%	View diff
src/blog/2026/07/images/prep-params.png	34.1 KB	8.5 KB	75.0%	View diff

[netlify]

👷 Deploy Preview for flowforge-website processing.

Name	Link
🔨 Latest commit	ecfbd48
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/6a4e1645c4d4480008ad848a

[netlify]

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	0c7adc4
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/6a4f4400c8cf7b00086c36bf
😎 Deploy Preview	https://deploy-preview-5298--flowforge-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 66 (🔴 down 1 from production) Accessibility: 96 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (🟢 up 8 from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 67.2%, saving 271.2 KB.

Filename	Before	After	Improvement	Visual comparison
src/blog/2026/07/images/downtime-logger.png	403.5 KB	132.3 KB	67.2%	View diff

8 images did not require optimisation.