Skip to content
TNT-FE-2021
Language: Tiếng Việt
← All unitsDossier D-02 / GENUWINDNCSheet 02 / 05Status: Delivered

GenuwindNC Machine Management

Company
LIMA&HANSAN
Period
06/2024 – 02/2025
Role
Frontend Developer
Stack
React · Material-UI · Java APIs

§01Brief

A factory floor tool: every machine carries a tag, defects are logged against it, and planners see machine status as it changes.

Fig. 02 — Interface schematic

§02Constraints

  1. C-1Operators edit dense data tables for most of their shift.
  2. C-2The same forms are used in more than one language.
  3. C-3Status data keeps arriving from the machines while people are editing.

§03Decisions

  1. D-02.1

    Edit in the grid, validate in the cell

    ag-Grid inline editing with per-cell validation keeps operators in the table instead of bouncing through modal forms.

  2. D-02.2

    Validation messages are translated with the form

    React Hook Form schemas and i18n share keys, so an error reads in the operator's language, not just the label.

  3. D-02.3

    Live monitoring kept apart from editing

    Real-time status updates render in their own components, so incoming data never resets a row someone is typing in.

§04Outcome

Planning works from live machine and defect data — around 30% better production planning efficiency.

Measured impact

~30%

better production planning efficiency