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
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.