An Industry 4.0 MES-style operations console for SMT/PCB assembly plants — real-time line status, machine health, work order tracking, and full DMC-level board traceability, styled after Bosch Nexeed, Siemens Opcenter, and Palantir Foundry-class operations consoles.

Live, ticking factory floor — line cards, machine tiles, OEE/throughput, and the alert feed all update in real time via a Zustand simulation loop.

FactoryFlow models a 3-line SMT (Surface-Mount Technology) assembly plant — Printer → SPI → Placement → Reflow → AOI — and gives plant managers, supervisors, and quality engineers a single pane of glass across plant-wide KPIs, live factory floor status, PCB traceability, warehouse management, and quality/defect tracking.

The domain model — DMC codes, SPI inspection pins (height/volume/area), and defect taxonomy — is grounded in a real Bosch SMT Solder Paste Inspection (SPI) tool, so the data shapes and workflows reflect an actual production line rather than a generic CRUD demo.

All 8 modules below are fully built and run on typed mock data (src/lib/mock-data/) — clone and run with no database setup. The Prisma schema documents the live-data path; see Roadmap.

FactoryFlow is a Next.js App Router application. The current build ships as a frontend-only system running on typed mock fixtures; the Prisma schema and API design document the production architecture the UI is built to slot into without structural changes.

Browser
 ├─ Next.js App Router UI  ──►  Component library (dashboard / command-center / layout / ui)
 │        │                              │
 │        └─────────► Zustand store ◄────┘   (live simulation: tick() every 3s)
 │                          │
 └──────────────► src/lib/mock-data  ◄─.mirrors.─  src/lib/types.ts
                             │
                  (Phase 5+, planned)
                             ▼
                  REST API → PostgreSQL (Prisma) → MQTT/WebSocket ingestion → AI Copilot

See docs/ARCHITECTURE.md for the full system diagram (Mermaid), docs/ERD.md for the database design, and docs/API_DESIGN.md for the planned REST contract.

A single industrial dark theme drives every surface — near-black backgrounds, sharp 4–8px radii, and a 6-color status system used consistently across lines, machines, boards, and alerts:

Executive Dashboard	Factory Command Center

PCB Traceability	WIP Monitoring

Capture instructions: docs/screenshots/README.md

npm install
npm run dev

Open http://localhost:3070.

No environment variables or database are required — the app runs entirely on typed mock data in src/lib/mock-data/. The Prisma schema in prisma/schema.prisma documents the production data model; see prisma/seed.ts for how the mock fixtures map to seed rows once a Postgres database is connected.

src/
├── app/
│   ├── (dashboard)/        # Sidebar + topbar shell, all 8 module pages
│   │   ├── page.tsx           # Executive Dashboard
│   │   ├── command-center/    # Factory Command Center
│   │   ├── traceability/       # PCB Traceability
│   │   ├── wip/ racks/ xout/ analytics/ alerts/
│   │   └── layout.tsx         # AppSidebar + TopBar shell
│   ├── globals.css           # Industrial dark theme tokens
│   └── layout.tsx            # Root layout, fonts
├── components/
│   ├── dashboard/             # KPI tiles, charts, line status strip
│   ├── command-center/        # Line cards, machine tiles, live alert feed, activity timeline
│   ├── layout/                 # AppSidebar, TopBar, StatusBadge
│   └── ui/                     # shadcn/ui primitives
├── lib/
│   ├── types.ts               # Domain types mirroring the Prisma schema
│   ├── design-tokens.ts       # Status color system + helper mappers
│   ├── mock-data/              # Typed fixtures (factories, lines, machines, boards, alerts, events, KPIs)
│   ├── format-time.ts
│   └── nav.ts                  # Sidebar navigation config
└── store/
    └── command-center-store.ts  # Zustand live-simulation store

prisma/
├── schema.prisma              # Full PostgreSQL schema (17 models)
└── seed.ts                     # Documented seed stub (mock fixtures → seed rows)

The Factory Command Center includes a lightweight client-side simulation (Zustand tick() on a 3s interval) that nudges line throughput and machine cycle times to give a "live floor" feel. This is a stand-in for the real-time WebSocket/MQTT ingestion layer planned for Phase 5 — see docs/ARCHITECTURE.md.

All UI modules (Phases 1–4) run on typed mock data today. The REST API layer for these modules (see docs/API_DESIGN.md) is part of the Phase 5 backend rollout. See docs/ROADMAP.md for the full breakdown.

• Architecture — system design, folder structure, real-time architecture
• Entity-Relationship Diagram — full database schema
• API Design — REST contract for all 8 modules
• Roadmap — 6-phase delivery plan

MIT © 2026 Dharshan Sai S