https://github.com/irsol/neighborhood-map

Udacity Fullstack Nanodegree Project: Neighborhood Map
https://github.com/irsol/neighborhood-map

ajax api bootstrap css forsquare-api frameworks fullstack fullstack-development googlemaps-api html javascript jquery knockoutjs neighborhood-map neighbourhood-map udacity udacity-course udacity-fullstack udacity-fullstack-nanodegree udacity-nanodegree

Last synced: 13 days ago
JSON representation

Udacity Fullstack Nanodegree Project: Neighborhood Map

• Host: GitHub
• URL: https://github.com/irsol/neighborhood-map
• Owner: irsol
• Created: 2018-01-25T18:09:59.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-05T10:46:27.000Z (about 5 years ago)
• Last Synced: 2024-10-12T12:08:45.965Z (3 months ago)
• Topics: ajax, api, bootstrap, css, forsquare-api, frameworks, fullstack, fullstack-development, googlemaps-api, html, javascript, jquery, knockoutjs, neighborhood-map, neighbourhood-map, udacity, udacity-course, udacity-fullstack, udacity-fullstack-nanodegree, udacity-nanodegree
• Language: JavaScript
• Homepage: https://www.udacity.com/course/full-stack-web-developer-nanodegree--nd0044
• Size: 1.84 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project: Berlin Neighborhood Map

# Part of Udacity Full Stack Web Developer Nanodegree Program

### https://irsol.github.io/neighborhood-map/

![Application screen shot](https://github.com/irsol/neighborhood-map/blob/master/application_screen_shot.png)

## Project Overview

Develop a single-page application featuring a map of nearby neighborhood, using KnockoutJS, the Google Maps API

and [Forsquare API](https://developer.foursquare.com/) or any other API of your choice. Add functionality to the project:

- highlighted locations

- third-party data about those locations

- map markers to identify popular locations

- search function

- a listview to support simple browsing of all locations.

## How to use

 * Download and extract project's zip file.

 * Open `index.html` file in a browser.

 * Click on markers or use a list of provided location to get an information about the place and 

 	find location on the map.

 * 	Use `search` box to filter shown location.

## Links

- https://developers.google.com/maps/documentation/javascript/examples/map-simple

- https://developers.google.com/maps/documentation/javascript/?refresh=1&pli=1

- https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

- https://developer.foursquare.com/docs/api/venues/search

- https://getbootstrap.com/docs/4.0/components/navs/

- http://knockoutjs.com/documentation/binding-syntax.html

- http://api.jquery.com/jquery.ajax/