React NextJS app that calculates the fuel cost for your next trip based on the selected vehicle. Note: vehicle, trip, and fuel data is based in US.

Demo

Click to view demo

This project uses the following libraries/services:

• PidgeonMaps - for map markers, route
• OpenRouteService - for address lookup and suggestions, 100% Free!
• pg - for Postgres DB connection
• supabase - for free Postgres DB!
• MUI
• react-redux

Installation

First, run the following:

cd fuel-trip-calculator
npm install

Create .env and populate with your own values. You can get your MAPKEY from here.

PGUSER=
PGPASSWORD=
PGHOST=
PGDATABASE=
PGPORT=
MAPKEY=

Data Sample

Included in the source is a sample SQLite DB of the vehicle data required to run this app.

View Github