CarCompanion
A car maintenance tracker built for Pakistani drivers: fuel efficiency, service reminders, and costs in rupees, all stored on your own device.
- Client
- Personal project
- Year
- 2026
- Role
- Product design, Front-end engineering
- Stack
- Next.js 16, React 19, TypeScript, Tailwind CSS v4
Every fuel-tracking app I tried assumed an American car, gallons, and a login screen. CarCompanion is the opposite: a catalog of more than a hundred cars sold in Pakistan, kilometers per liter, costs in PKR, and no account at all. Everything lives in the browser's local storage.
No backend was a design decision before it was a technical one. A maintenance log is private, small, and personal; it should work offline in a parking lot.
Status you can read from across the room
The home screen answers one question: is the car okay? Each service item resolves to Healthy, Due soon, or Due now, computed from kilometers or months, whichever comes first. Owners can override oil intervals per car, because a 2008 Mehran and a 2024 hybrid do not age alike.
Fuel logging is tuned for the thirty seconds after a fill-up: odometer, liters, price, done. Efficiency is calculated tank to tank rather than trusting trip meters.
