KO
All work

Hanwha Vision × Hanwha Food Tech · 2024.12 – 2025.05

Food-Tech Store Automation: Robot Kitchen & POS in Real Time

Real-time control of an unmanned udon store's cooking robot, POS and CCTV. Lighthouse 100.

Role
Frontend Engineer (Freelance) · PL
Period
2024.12 – 2025.05
Stack
  • Next.js
  • React
  • TypeScript
  • NextAuth
  • SSE
Food-Tech Store Automation: Robot Kitchen & POS in Real Time

Overview

I built the web view of a real-time control app for an unmanned udon store where a robot does the cooking: hardware integration, auth and data visualization in one food-tech store automation project.

Background

Problem

Running an unmanned store meant seeing and controlling the cooking robot, POS and CCTV on one screen, in real time.

What I did

  • With no separate backend server, implemented digest authentication for Hanwha Vision's hardware protocol (SUNAPI: MD5 hashing, QOP handling) in Next.js API Routes to talk to CCTV devices and play audio through the store speakers.
  • Streamed cooking-robot and POS status to the screen in real time with SSE.
  • Built dashboards for dwell time and daily / hourly visitors (custom bar graph), plus store alerts and status updates.
  • Cookie-based auth with NextAuth and httpOnly, sameSite and secure cookies against XSS and CSRF.

Results

  • Lighthouse 100

    Optimized the charts and rendering to reach a Lighthouse score of 100.

  • Full UI in the first week

    Laid out the entire UI and UX within a week of joining.

Key features

  • 01

    Live device status

    Receives cooking-robot and POS status over SSE and reflects it on screen in real time.

  • 02

    CCTV integration and announcements

    The Next.js server handles SUNAPI digest auth to talk to CCTV devices and play voice announcements.