How e1n7/sari-sari-store works
This is a small React inventory-management app for a sari-sari store. A user browses and filters products, adds or edits product details, deletes products, and adjusts stock; the app loads and persists product data through Supabase. The sampled source confirms product loading, insertion, and deletion, but excerpts omit some update and stock-adjustment wiring, so those links are not expanded.
Main entry points: App.jsx Inventory browsing and actions · supabase.js Supabase client · main.jsx React bootstrap
Components 8
Application entry
- React bootstrap
src/main.jsx - App state and loading
src/App.jsx
Inventory experience
- Inventory browsing and actions
src/App.jsx - Product form modal
src/App.jsx
Data access
- Supabase client
src/supabase.js - Products table
Other components
- Store user
- Supabase service
Connections 8
- React bootstrap → App state and loading: renders
- Store user → Inventory browsing and actions: manages inventory
- App state and loading → Inventory browsing and actions: renders
- Inventory browsing and actions → Product form modal: opens form
- App state and loading → Supabase client: loads products
- Inventory browsing and actions → Supabase client: inserts, deletes
- Supabase client → Supabase service: queries
- Supabase service → Products table: reads and writes