yihuicai/gas_finder_fsnd

A Udacity Full Stack Web Developer Nanodegree Project

Local Gas Station Map

New Feature (2017.12.31): Added URL to direct to gas stations in Gas Station Markers.

New Feature (2017.10.27): GPS locating added! You can instantly see your local gas stations once you open the website.

New Feature (2017.10.27): "Save Place" implemented! You can add new places of your own now. Besides, It utilizes real-time database so that you can also see what other people have added to the map!

New Feature (2017.07.29): Scroll bar added to prevent overflow. Modified the navigation bar. Add place filter to default display.

Summary:

• This is a simple front end web application that uses Google Maps API and Yelp Fusion API to retreive gas stations around a certain neighborhood. It has some default locations set by me. You can add your own locations and search automatically the gas stations around. 😊
• The main.js uses JQuery and Knockout.JS to call functions, bind data and run AJAX requests.
• See demo here.

---

For Developers:

• Clone and pull this repository to your own computer.
• Just simply open the index.html. Be sure to have access to internet.
• Click the mark on the map to see 3 nearest gas stations found by Yelp. They are marked by green color and the detailed information is shown below the map.
• Note that sometimes not all the gas stations are shown in the map just because Yelp doesn't have Latitude and Longitude info for all the entries.
• You can add places and let them be shown in the map.

To be completed: 😨

• About Author: To render an interactive block to tell users about the author.
• Save Places: To save added places to firebase so that even after closing the browser, the newly added places can be restored.