NY Taxi Fare prediction interface

Setup

The interface uses 4 APIs:

• The NY Taxi Fare prediction API
• The Algolia Places API for address autocomplete
• The MapBox Maps API to display a map
• The MapBox Directions API to display the route on the map

These APIs require credentials and the following steps will guide you to get them and set the interface with.

NY Taxi Fare prediction API

Update the script.js to get prediction from your own API hosted on GCP (make sure to use https, not http):

// script.js

const taxiFareApiUrl = 'https://YOUR_API_URL/predict';

Hint: alternatively, you may use this Le Wagon Prediction API if you do not have one in production:

https://taxifare.lewagon.ai/predict

Note: the following setup steps are optional as you can use Algolia and Mapbox credentials given by Le Wagon

Algolia Places Api (optional)

• Go to Algolia and create an account and follow the steps to create your first application
• Go to your dashboard then to the API Keys tab
• Grab an Application ID and a Search-Only API Key then set them into the script.js

// script.js

const algoliaPlacesApiAppId = 'YOUR_APPLICATION_ID';
const algoliaPlacesApiKey = 'YOUR_SEARCH_ONLY_API_KEY';

MapBox Maps and Directions APIs (optional)

• Go to MapBox and create an account
• Go to your Account and grab your Access Token then set it into the script.js

//...
const mapboxApiToken = 'YOUR_MAPBOX_API_ACCESS_TOKEN';

Local development

To check your setup, run the interface locally with:

python -m http.server 5000 --bind 127.0.0.1

Then go to http://localhost:5000.

Deploy on GitHub Pages

Your app is ready to go live!

Create a new branch gh-pages:

git checkout -b gh-pages

Deploy your app on GitHub:

git push origin gh-pages

Your app will be visible shortly at https://YOUR_GITHUB_NICKNAME.github.io/taxi-fare-interface.