"We solved the gap between custom data capture and serialized physical labeling for multi-user teams using a cloud-based Dynamic Form & Label Generator built on Supabase Auth and Postgres with Row-Level Security, resulting in a secure multi-tenant SaaS where operations teams design forms once and print numbered stickers from any device."
Overview
Dynamic Form & Lable Generator is a cloud-based SaaS that lets teams design custom data-entry forms with user accounts and bulk-print serialized stickers from any device. Originally built as a single-file browser tool, it has been productized with Supabase authentication and a Postgres backend, giving operations teams secure, multi-device access to their form library and printed records — while preserving the original snappy, single-page user experience.
Problem
Operations, warehousing, and packaging teams need to design custom forms and print serialized physical labels — but most off-the-shelf tools either lock users into rigid templates or require heavy ERP-style deployments. The original browser-only version proved the workflow worked, but it stayed siloed: each user's forms lived on a single device, couldn't be shared with teammates, were lost when the browser was cleared, and offered no audit trail. Teams needed an online version with login, shared form libraries per organization, multi-device access, and durable record storage.
Challenges
-
Cloud migration without UX regression
the original tool felt instant; adding network calls risked making it sluggish -
Multi-tenant data isolation
every user's forms and records had to be strictly walled off from other users without manual filtering in application code -
Frictionless auth
operations and warehouse staff aren't IT users; sign-in had to be near-zero-friction -
Backwards-compatible schema
existing localStorage form schemas had to migrate cleanly to a relational backend -
Client/server data sync
keeping form state coherent across designer, renderer, and sticker engine while writes go to the cloud
Solution
The platform was delivered as a schema-driven form management and sticker generation system built around secure cloud storage, dynamic form rendering, and automated label printing. A single form definition powers both data collection and sticker generation workflows, while user-level security ensures complete data isolation across the platform.
- Cloud-Based Form Management
A web-based SaaS where authenticated users design forms, persist them to a Supabase Postgres database with Row-Level Security, and access them from any device. - Schema-Driven Architecture
The schema-driven architecture is preserved: a single JSON form definition drives both the on-screen renderer and the client-side Sticker Engine. - User-Level Data Security
RLS policies tied to auth.uid() ensure every read and write is automatically scoped to the logged-in user, eliminating an entire class of authorization bugs. - Client-Side Sticker Engine
The Sticker Engine — the core innovation — remains client-side. - Automated Label Generation
Interpreting the Container component's Total value to generate N serialized labels. - Integrated Printing Workflow
Dispatching them through the browser's native print pipeline.
Architecture
The platform uses a lightweight serverless architecture built around a static web frontend and Supabase backend services. Forms, records, authentication, and printing workflows are managed through a schema-driven design, enabling dynamic form creation without custom backend infrastructure.
HTML5 · CSS3 · JavaScript - Web interface & dynamic form rendering
Supabase Auth - User authentication & session management
Supabase PostgreSQL - Forms · Records · User Data Storage
Supabase JS SDK - Data access & realtime synchronization
Row-Level Security (RLS) - User-level data isolation & security
Print Engine - Browser-based sticker printing with custom page layouts
Schema-Driven Architecture - Dynamic forms generated from database-defined schemas
Static Hosting - Vercel · Netlify · Cloudflare Pages deployment without server maintenance
Key Features
- Email-based sign-in via Supabase Auth with persistent sessions
- Cloud-backed form designer with 6 component types (TextBox, Number, Date, Dropdown, Checkbox, Container)
- RLS-enforced per-user form and record libraries with zero application-level filtering
- Cross-device access — design on desktop, print on a warehouse tablet
- Custom Container component that drives serialized X-of-Y sticker generation
- 4 × 2 inch horizontal label printing with one sticker per page
- Full CRUD on forms and saved records with instant cloud sync
- Two-column inline sticker layout fitting 14 – 18 fields per label
-
Print-only CSS isolation — sticker output is pixel-clean, with no app chrome bleeding through