Case Study: Tingbayad — Salary Payment Checklist App
Tingbayad is a payment reminder and checklist app built around the rhythm of the 15th and 30th salary dates that are common in the Philippines. It started as a personal tool for managing bill deadlines around pay dates — and grew into a live product with real users who depend on it every pay cycle.
The Problem with Generic Budgeting Apps
Budgeting apps like Mint and YNAB are comprehensive — they track every transaction, build spending categories, and visualize monthly trends. For a specific use case — knowing which bills are due this pay period — they're overcomplicated and require too much setup. Tingbayad solves one problem: what do I need to pay between now and my next payday? Clear list, mark as done, done.
From Personal Tool to Shipped Product
Tingbayad started as a rough Next.js prototype used personally. After sharing it with a few people who immediately wanted to use it themselves, the decision was made to productionize it: add Supabase-backed persistence for cross-device sync, clean up the UI, and make it shareable. The full transition from prototype to live product took 2 weeks — a real example of MVP methodology applied to a hobby project.
Key Features
- 15th/30th pay-date checklist flow — add bills once, check them off each cycle
- Supabase-backed persistence — lists sync across all your devices
- One-time setup, zero recurring configuration — designed for low friction
- Lightweight, calm design with Framer Motion animation polish
- No ads, no upsells, no subscription — pure utility
What This Demonstrates for Client Work
Tingbayad shows how quickly a focused, real-world product can ship with modern tooling: Next.js for the frontend, Supabase for the database and auth, Vercel for instant deployment. The same stack powers client projects at PASDEV — it's what we use because it ships fast and scales well.
Tech Stack
Next.js · React · TypeScript · Tailwind CSS · Supabase · Framer Motion · Vercel
See our MVP Development service → · Read: MVP vs Full App guide →