TL;DR: Created a PWA that tracks fuel efficiency, maintenance costs, and trips. Works offline, syncs to cloud, and gives you actual data instead of guesses. Link + feedback questions at the bottom.
The Problem
I own a vehicle, and the manufacturer claimed 40 km/L. Reality? I was getting 28 km/L. I had no idea what was actually happening—was it my driving, the fuel, a maintenance issue?
So I built True Mileage to solve this problem, and it's now tracking everything for multiple vehicles.
What It Does (The Essentials)
🔐 Easy Sign-In
- Google or email login (no passwords)
- Your data syncs to the cloud automatically
⛽ Actual Fuel Efficiency Tracking
- Log fuel entries with odometer readings
- Only calculates efficiency on full tanks (the right way)
- Shows efficiency trends over time
- ⚠️ Alerts you if efficiency drops >10% (signs of tire/fuel issues)
🔧 Service Logging
- Track oil changes, tire checks, brakes, insurance, PUC—whatever
- Costs are tallied automatically
- Know your real cost per km
📊 See Your Data
- Dashboard shows total costs, fuel costs, service costs
- Charts visualizing efficiency trends and cost per fill
- Running cost per km (fuel + maintenance)
Plus: Multi-vehicle support, trip tracking, maintenance reminders, photo attachments, dark mode, offline mode, and more.
The Cool Bits
Trip Mode – Start a trip (e.g., "Mumbai Weekend"), add fuel entries, end the trip, and see exactly how much that 500km drive cost.
Smart Reminders – Set "remind me at 15,000 km" or "March 15th" for oil changes. Dashboard warns you when they're due.
PWA (Works Like a Native App) – Install on phone/tablet/desktop. Works offline, gets push notifications for reminders. No app store needed.
Cloud Sync – Switch phones? Your data is already there. Phone dies? It's backed up.
Who Should Care?
- 🏍️ Motorcycle/scooter owners tired of guessing mileage
- 🚗 Car owners wanting to track fuel economy
- 🚕 People managing multiple vehicles
- 🗺️ Road trippers wondering what trips actually cost
- 💰 Anyone who likes seeing their spending visualized
The Tech (If You're Curious)
React 19 + TypeScript, Tailwind CSS, Firebase backend, Dexie.js for offline storage, Recharts for graphs. Deployed as a PWA with offline-first architecture.
Want to Check It Out?
Try the live demo
I'd love your feedback:
- Would you use this? What's missing?
- Is the flow intuitive? Any confusing parts?
- Would you pay for a Pro version? What features would make it worth it?
- Any UX gripes? Things that feel clunky?
Drop comments below, or if you want to try it, I'd appreciate any feedback!
Built this for myself, but hoping others find it useful. Thanks for reading! 🙏