PWA / Operations

GastroOps

A solo-built offline-first Nuxt 4 PWA — product design, architecture, implementation, testing, and delivery by a single developer — that replaces paper HACCP logs with digital temperature monitoring, task management, and audit trails for small hospitality businesses.

Project facts

Role
I defined the operational workflows and independently built the product, offline architecture, integrations, tests, and demo environment.
Timeline
July 2026 · Independent product prototype
Team
Solo project · 1 developer
GastroOps dashboard with overdue controls and HACCP status

The Challenge

Small food businesses like ice cream stands, cafes, and food trucks need HACCP compliance but paper logs are error-prone and easily lost. Any digital solution must survive unreliable internet in seasonal or mobile locations.

Key decision

Queue every mutation locally and synchronise idempotently after reconnection so core HACCP work never depends on a live network.

Approach

Built as a full offline-first PWA with Nuxt 4, Vue 3, and Pinia for the offline queue. The core decision was to queue all mutations locally and sync asynchronously on reconnect, rather than requiring always-on connectivity — essential for food trucks and seasonal venues. Server-side data flows through a Baserow repository adapter, accessed only from the Nitro server. QR codes on devices enable quick check-in for temperature logging. The system includes control templates with configurable ranges, automatic non-conformance detection, delivery tracing with batch traceability, and Sanepid-ready export. A deterministic demo mode works entirely in memory without external services.

Key Highlights

  • Offline-first architecture with local drafts, UUIDs, and idempotency sync on reconnect
  • Baserow server-only repository adapter for cloud data persistence
  • QR code device check-in for rapid temperature logging
  • Automatic non-conformance detection and corrective action workflow
  • Sanepid export in JSON and CSV formats
  • Full HACCP module set: temperatures, cleaning, deliveries, pests, waste, water, training

Architecture

  • Nuxt 4 with Vue 3 and TypeScript strict
  • Nuxt UI 4 and Tailwind CSS for interface components
  • Pinia for offline queue management only
  • Vite PWA plugin for service worker and caching
  • Nitro server API with Baserow repository adapter
  • Zod validation across all data boundaries
  • Vitest unit tests and Playwright end-to-end tests

Outcome

A feature-complete MVP that functions fully offline and integrates with Baserow for cloud sync, replacing paper HACCP documentation with a mobile-first digital workflow.

Nuxt 4Vue 3TypeScriptPWABaserowOffline-First