Systems · Software Developer
Sharetea Boba POS
Full-Stack SaaS Point-of-Sale System
A full-stack bubble tea shop management SaaS built with React 18, TypeScript, and Supabase, providing role-based POS, customer kiosk, kitchen display, and manager analytics in a single deployed web app.
Highlights
- 01
Engineered a 6-view role-based SaaS POS system (Cashier, Kiosk, Kitchen, Menu Boards, Manager Dashboard, Login) using React 18 + TypeScript + Vite and Supabase PostgreSQL, serving 4 distinct user roles — Manager, Cashier, Barista, and Customer — with JWT-based session auth and Google OAuth.
- 02
Reduced accessibility friction for all users by implementing a WCAG 2.1-compliant customer kiosk with high-contrast mode, 3-tier text scaling (100/125/150%), bilingual EN/ES translation via a custom translateMultiple utility, and 48px+ touch targets, enabling use by screen-reader and mobility-impaired patrons.
- 03
Accelerated kitchen throughput by building a real-time ticket queue (Kitchen Display System) backed by Supabase real-time subscriptions, reducing order-to-barista communication overhead and providing color-coded status tracking across open orders.
- 04
Delivered an end-to-end order customization flow — size, sugar level (0–100%), ice level, and multiple toppings — with a Zustand-managed cart, dynamic pricing logic in src/lib/pricing.ts, itemized receipts, and CashierCheckout / KioskCheckout components, supporting full order lifecycle from selection to confirmation.
- 05
Built a manager analytics suite featuring sales visualizations (Recharts), inventory management, employee CRUD, and menu editing with real-time Supabase queries, giving operators data-driven insight into revenue trends and stock levels without a separate backend service.