Gorivko - fuel consumption tracking app

A fuel tracking app built with next.js with google auth and postgreSQL. Live fuel prices for Slovenia updated with API.

Gorivko - fuel consumption tracking app
Next.jsTypeScriptPostgreSQLGoogle AuthTailwind CSS

Gorivo is a full-stack fuel tracking web application built with Next.js using the App Router architecture. The goal of the project was to build a practical, real-world tool for Slovenian drivers while exploring production-level patterns in modern web development. The application allows users to track fuel fill-ups across multiple vehicles, monitor fuel consumption over time, and stay informed about current national fuel prices in Slovenia. Through building this project I focused on working with complex data relationships, server-side calculations, and delivering a clean mobile-first user experience that feels native on any device. Gorivo also explores real-world features such as user authentication, live data fetching from external sources, automated background jobs, and meaningful data visualisation. The project helped me better understand how to structure a full-stack application around real user needs and how to make data-driven features feel intuitive and useful. The app requires a valid Google account to login. You may conntact me for access on test account with seeded data. public demo account comming soon!!!

  • Track fuel fill-ups with liters, cost, odometer and fuel type
  • Support for multiple vehicles including bi-fuel (petrol + LPG) configurations
  • Automatic average consumption calculation per vehicle and fuel type
  • Live national fuel price averages for local and motorway stations in Slovenia
  • Fuel price history chart tracking price changes over time
  • Personal statistics with monthly spending and distance driven charts
  • Google OAuth authentication with per-user data isolation
  • Persistent user preferences for vehicle and time range selection
  • Automated daily price snapshots via protected cron job
  • Responsive mobile-first interface with PWA support
  • Light and dark mode