Skip to content

Plant-Floor Downtime and Actions

2026

Live Demo

FactoryInsight

A plant-floor tool for manufacturing downtime: operators log stops in a few taps, supervisors see every line and the stops that need a root cause, and every fix gets an owner and a due date.

Role
Full-stack developer
Screens
9 working screens
Stack
Next.js · FastAPI · PostgreSQL
Data
Seeded, fictional plant

FactoryInsight opens on a role screen. Pick the line operator, shift supervisor or process engineer to enter the fictional plant; no password is needed.

factoryinsight.cjv.app
FactoryInsight interface

Recorded from an isolated demo workflowFictional data only

03 — Story

The problem.

Downtime is usually written down in several places: shift notes, operator comments, spreadsheets and informal follow-up lists. That makes it hard to see repeat losses, make sure every stop gets a root cause, or hand a clear story to the next shift.

Built for
Plant supervisors, line operators, maintenance and process engineers, and operations managers who need one shared record of stops and fixes.

What I built.

I built one working app for all three roles: a tablet screen to log a stop and call maintenance, a Today screen for supervisors, a line status board for screens on the floor, a review queue that asks for the root cause, and an action board where every fix has an owner and a due date. A short weekly report and a shift handover close the loop.

  • 01

    Today on the Floor

    Key figures, a live card for each line and one queue of stops to review, overdue actions and blocked actions, each one click from the fix.

  • 02

    Log a Stop on a Tablet

    Large touch targets: pick the machine and the reason and a live timer starts. Call maintenance, then mark the line running again.

  • 03

    Root-Cause Review

    Supervisors record what caused each stop and close it. A stop cannot be closed without a root cause.

  • 04

    Action Board

    Every countermeasure has an owner, a due date and a status, with overdue and blocked actions shown first.

  • 05

    Weekly Report and Handover

    Where time was lost, what to focus on next and which actions are late, plus a printable shift handover.

  • 06

    Tested End to End

    Browser tests click through every screen and role on SQLite and PostgreSQL, at phone, tablet and desktop widths, in light and dark.

04 — Screens

Screens that matter.

The main view, the deeper work screens, and the handoff or customer-facing state. Select any screen to see it full size.

01 / 03

Today

The supervisor's start screen: key figures, a card for each line with its shift strip, and the stops and actions that need attention.

02 / 03

Log a Stop

The operator's tablet screen with a live stop on Line 2: running timer, maintenance call, and the machine and reason tiles.

03 / 03

Weekly Report

Week totals against last week, downtime by day, what to focus on next, where time was lost and every open action.

01 / 03Today

FactoryInsight: Today

The supervisor's start screen: key figures, a card for each line with its shift strip, and the stops and actions that need attention.

05 — Under the hood

How it fits together.

  1. 01

    Browser

    Operator, supervisor or engineer role

  2. 02

    Next.js web app

    React · TypeScript · Tailwind CSS · Motion

  3. 03

    FastAPI service

    Python · SQLAlchemy · REST endpoints

  4. 04

    PostgreSQL

    Seeded machines, shifts, stops and actions

Web and API run as Docker containers on self-hosted Coolify29 Playwright tests start a fresh API and production build and click through every screen.

Approach

  1. 01

    Designed around three people and their jobs: the operator who logs a stop, the supervisor who reviews it and the engineer who fixes it.

  2. 02

    Built a FastAPI and PostgreSQL backend for live stops, root-cause review and actions, so every screen runs on real data relationships.

  3. 03

    Kept the interface practical: large touch targets on the tablet screen, colour only for state, and quiet motion that shows what changed.

  4. 04

    Proved it with 29 Playwright tests that start a fresh API and production build and click through every screen, role and screen width.

Build notes

Project Type
Plant-floor operations tool demo
Primary Workflow
Log a stop, find the root cause, assign the fix
Backend
FastAPI plus PostgreSQL
Testing
29 Playwright tests on SQLite and PostgreSQL

Stack

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Motion

Backend

  • FastAPI
  • Python
  • SQLAlchemy
  • PostgreSQL

Testing

  • Playwright
  • pytest
  • Seeded Demo Data

Infra

  • Docker
  • Coolify
  • HTTPS Demo Domain

06 — Next project

Client Project Workspace

ClientPortal

Read the case study

Interested?

Want something like FactoryInsight for your team?

Get in touch