Skip to content
Rana Hassan

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
A maintenance dashboard for tracking fuel and service intervals, the stuff every car owner forgets

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.

100+preset car models with fuel type and service intervals
0accounts, servers, or tracking
km/Ltank-to-tank efficiency computed from fill-ups

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.

CarCompanion fuel log with tank-to-tank efficiency
Logging a fill-up is odometer, litres, price, done. Efficiency is computed tank to tank, not read off the trip meter.
Multi-car garage view
A garage of preset Pakistani models. Pick a car and its fuel type and service intervals come with it.