React NextJS app that calculates the fuel cost for your next trip based on the selected vehicle
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.