Skip to content

amitch6097/gm-gas-station-finder-app

Repository files navigation

GM Gas Finder App

App Image

Goal

This app was created to get familiar with GM Drive First Framework. You can find more information about it here.

Future

Given the amount of time to create this app I had to leave out a couple features. In the future more languages could be supported, as well as better error handling of the app, such as checking network connectivity and failed API requests. Further better testing could be done around these implementations.

Setup

You will need to install the GM NGI Emulator found here. Further you will need to aquire a Google Places API Key and a Alternative Fuel Stations API.

Next you can clone this repoistory and install the dev packages

npm install

You will need to put key in a .env.json file at the root of the project like so

// ./.env.json
{
    "GOOGLE_PLACES_API_KEY": "...",
    "GOV_ALTERNATIVE_FUEL_API_KEY": "..."
}

I have provided these for a short period of time

Next install the app in the NGI Emulator by going to the File > Open App and Navigating to the Folder you cloned this repository to. You should now be able to open the App within the Emulator.

Overview

Main Page

The user is initially presented with the main page showing the options to tune the settings or search for gas stations. Main Page

Settings Page

The user can change the following settings, language, fuel type, or units Settings Page

Language

The app supports using the language from the English, Spanish, and French. Settings Page

Fuel Type

The app supports search from a variety of alternative fuel, as well as regular gasoline. The full list can be seen in src/config.js Settings Page

Units

Finally the app supports getting the distance to the gas stations in miles or kilometers Settings Page

Gas Stations Page

The user can search for gas stations close to the vehicle by clicking the Search button. This will pull up a short list of local gas stations, sorted by distance. Settings Page

Upon clicking on a station, the user will be given the option to navigate to that station automatically. Settings Page

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published