Problem & Context
Laundry transactions were previously recorded manually using physical notes. Staff had to weigh laundry and manually calculate the final price with a calculator, and the owner had to manually prepare monthly recaps by reviewing physical notes — a process that was time-consuming and not centralized.
Goal
Build a digital laundry management system that simplifies transaction recording and reduces the manual work required for monthly recaps.
Approach
Designed the system to support two migration paths: continue using physical notes alongside digital recap, or fully migrate transaction recording into the application so monthly summaries generate automatically.
Technical Implementation
Built as a React + Vite + TypeScript web application with Supabase Authentication and PostgreSQL as the primary database, using Row Level Security (RLS) to control database access at the row level. React Router handled client-side routing, TanStack Query managed server-state, React Hook Form + Zod handled form validation, Recharts visualized business data, jsPDF / jspdf-autotable generated PDF reports, xlsx handled spreadsheet export, Tailwind CSS handled styling, Framer Motion handled animation, and Lucide React provided icons.
Outcome
Created a working digital laundry management system that can replace or complement manual transaction notes and automate monthly transaction recap.
Lessons Learned
Supporting both digital recaps alongside physical notes and full transaction migration aligned the application with two documented transition paths. Automatic monthly summaries were tied to in-app transaction recording, while continued use of paper notes remained an option.