data entry tool and analytics dashboard for jeepney drivers. calculates net take-home pay, logs shift data to google sheets, and visualizes route/financial metrics.
- collect: form for drivers to input shift metrics (hours, boundary, fuel, pasahe, misc expenses).
- dashboard: live analytics fetching directly from the google sheet, displaying averages, driver demographics, and profitability by route.
- privacy-focused: the public dashboard payload strips out all PII (names, addresses, family background) at the Apps Script level.
- vite + react (typescript)
- tailwind css v4
- shadcn/ui
- lucide-react + recharts
npm install
npm run devcreate a .env file:
VITE_GOOGLE_SCRIPT_URL=your_google_apps_script_url
the entire backend is powered by a single Google Sheet and a Google Apps Script.
- create a new google sheet with the necessary columns matching
DriverRecord. - go to extensions > apps script.
- paste the contents of
google-apps-script.gsintoCode.gs. - click deploy > new deployment > web app.
- set "execute as" to me and "who has access" to anyone.
- click deploy and copy the resulting URL into your
.envfile.
note: if you update the apps script later, you MUST select "new deployment" for changes to take effect.
net = pasahe - (fuel_expense + boundary + misc)