How nonthaphat-ss/umong-waste-bank works
This is a village waste-bank management web app. Staff use the dashboard to review waste and member statistics, manage households and village records, set waste prices, and record deposits that update member balances and transaction history. The map supports locating households and registering a home pin. The excerpts show these responsibilities concentrated in App.jsx; unsampled code means some data-loading and authentication details cannot be established.
Main entry points: App.jsx Bank dashboard · main.jsx React entry · MapView.jsx Household map · firebase.js Firebase setup
Components 15
Application UI
- React entry
src/main.jsx - Bank dashboard
src/App.jsx
Bank Operations
- Statistics and charts
src/App.jsx - Staff access screen
src/App.jsx - Household records
src/App.jsx - Waste deposits
src/App.jsx - Member balances
src/App.jsx - Waste price settings
src/App.jsx - Village management
src/App.jsx - Transaction and admin history
src/App.jsx
Cloud Data
- Firebase setup
src/firebase.js - Firestore
Household Map
- Household map
src/MapView.jsx - OpenStreetMap tiles
Other components
- Staff or visitor
Connections 18
- Staff or visitor → React entry: opens app
- React entry → Bank dashboard: renders
- Staff or visitor → Bank dashboard: uses dashboard
- Bank dashboard → Statistics and charts: renders
- Bank dashboard → Staff access screen: renders
- Bank dashboard → Household records: manages
- Bank dashboard → Waste deposits: records
- Bank dashboard → Member balances: updates
- Bank dashboard → Waste price settings: edits
- Bank dashboard → Village management: manages
- Bank dashboard → Transaction and admin history: records
- Bank dashboard → Household map: renders
- Firebase setup → Firestore: initializes
- Bank dashboard → Firestore: reads members
- Bank dashboard → Firestore: writes members
- Bank dashboard → Firestore: writes villages
- Bank dashboard → Firestore: writes transactions
- Household map → OpenStreetMap tiles: loads tiles