How devalous17/sari-pos works
Sari-sari store POS is a client-side point-of-sale app. A store operator browses or scans products in Cashier, builds a cart, and checks out; App owns shared product and sales state and persists it locally. Inventory edits feed that shared product state, while Analytics presents sales and stock insights. The README documents receipt, payment, and camera capabilities; sampled excerpts do not expose their full implementation details, so those internal links are not expanded beyond documented module ownership.
Main entry points: App.tsx App State & Navigation · Cashier.tsx Product Search & Cart · Storage.tsx Inventory Management · main.tsx React Entry
Components 13
App Runtime
- React Entry
src/main.tsx - App State & Navigation
src/app/App.tsx
Sales Workflow
- Product Search & Cart
src/app/components/Cashier.tsx - Payment & Receipt
src/app/components/Cashier.tsx - QR / Barcode Scanner
src/app/components/Cashier.tsx - QR Scanner Library
Store Operations
- Inventory Management
src/app/components/Storage.tsx - Sales & Stock Analytics
src/app/components/Analytics.tsx - Utang Tracking
src/app/components/Utang.tsx - About Information
src/app/components/About.tsx
Local Persistence
- Browser LocalStorage
Other components
- Store Operator
- Device Camera
Connections 15
- React Entry → App State & Navigation: renders
- Store Operator → App State & Navigation: selects module
- App State & Navigation → Product Search & Cart: renders with products
- App State & Navigation → Inventory Management: renders with products
- App State & Navigation → Sales & Stock Analytics: renders sales data
- App State & Navigation → Utang Tracking: renders
- App State & Navigation → About Information: renders
- Store Operator → Product Search & Cart: uses
- Product Search & Cart → Payment & Receipt: checks out
- Product Search & Cart → QR / Barcode Scanner: starts scan
- QR / Barcode Scanner → QR Scanner Library: decodes codes
- QR / Barcode Scanner → Device Camera: captures image
- Product Search & Cart → App State & Navigation: reports sale
- Inventory Management → App State & Navigation: updates products
- App State & Navigation → Browser LocalStorage: reads and writes