https://github.com/thakursaurabh1998/map

Neighborhood Suggestions with help of Google Maps API
https://github.com/thakursaurabh1998/map

foursquare-api google-maps-api javascript knockoutjs material-theme

Last synced: 6 months ago
JSON representation

Neighborhood Suggestions with help of Google Maps API

• Host: GitHub
• URL: https://github.com/thakursaurabh1998/map
• Owner: thakursaurabh1998
• Created: 2018-02-09T06:02:17.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-19T07:10:09.000Z (over 7 years ago)
• Last Synced: 2025-02-07T02:35:51.324Z (8 months ago)
• Topics: foursquare-api, google-maps-api, javascript, knockoutjs, material-theme
• Language: JavaScript
• Homepage: https://thakursaurabh1998.github.io/map/
• Size: 2.97 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Neighborhood Map

This is the second project of the Full Stack Nano Degree II by Udacity.

---

### Frameworks/APIs used:

* [KnockoutJS](https://knockoutjs.com)

* [Google Maps API](https://developers.google.com/maps/)

* [Foursquare API](https://developer.foursquare.com/)

* [Material Theme](https://materializecss.com)

* [jQuery](https://jquery.com)

---

![Image mockup](../master/img/mockup.jpg)

---

#### Steps to run project:

You can run the live verson from here: [Neighborhood Map.](https://thakursaurabh1998.github.io/map/)

OR

You can save the repository in your local system and run the project locally.

Steps:

1. Clone this repository in any directory(or it can be downloaded in form of a zip file).

1. Open the `index.html` file.

---

### Features

* If you open the website for the first time, it will prompt you to get your location.

* Live location is tracked if the user gives access and places are shown according to the users current location.

* A current location button is also provided which shifts the displayed location to users live location.

* A blue circle is displayed which shows the users current location.

* Drop down menu is given from which user can choose the category which he wants to see.

* A list of all locations is showed by default. Pressing the list item displays the respective marker.

* User can also search for a location and can receive suggestions for the searched location.

* Autocompletion API completes the location search while the user is typing the location.

* This website runs on material theme and is completely responsive and works beautifully for mobile devices as well as desktops.