Skip to content

Maintenance with QR

Machine records with QR codes, history and maintenance tasks in the field.

Client
Confidential client
Role
Full stack developer
Period
Oct 2026
Stack
Node.js · Express 5 · MySQL · React · Vite · TypeScript · Tailwind CSS

The code is private to protect client confidentiality.

Home screen of Maintenance with QR

Problem

A food service location needs to record maintenance on its machines in the field and keep each machine’s history at hand. The technician should be able to see a machine’s record and log the work on the spot.

Solution

  • I built machine registration with a required photo, which generates a unique QR code.
  • In the field, the technician scans the code from a tablet and sees the record and its history.
  • I included maintenance logging and a task module with statuses, priority and a log.
  • I defined roles per location: person in charge, technician and location manager.
  • I built the application with Express 5, MySQL, React, Vite, TypeScript and Tailwind CSS.

Outcome

The application is in production, on cPanel hosting.

More screens

Machine list with status and last maintenance
Machine list with status and last maintenance
Machine record with its QR code and history, on a tablet
Machine record with its QR code and history, on a tablet
Open tasks with priority and status
Open tasks with priority and status
Task detail with actions and log
Task detail with actions and log
Phone home screen with a shortcut to scan
Phone home screen with a shortcut to scan