Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nazanin1369/neighborhoodmap

single-page application featuring a map of your neighborhood
https://github.com/nazanin1369/neighborhoodmap

Last synced: 26 days ago
JSON representation

single-page application featuring a map of your neighborhood

Awesome Lists containing this project

README

        

### Neighborhood Map

#### Introduction
This project contains the source code of the implementation of the Fifth project assigment from Udacity's Front-end Web Developer Nanodegree: Neighborhood map.

The project consists of developing a single-page application featuring a map of your neighborhood or a
neighborhood you would like to visit. You will then add additional functionality to this application,
including: map markers to identify popular locations or places you’d like to visit,
a search function to easily discover these locations, and a listview to support simple browsing of all locations.
You will then research and implement third-party APIs that provide additional information about each of
these locations (such as StreetView images, Wikipedia articles, Yelp reviews, etc).

#### Implementation
This is a map of various universities in SanFrancisco, Bay area. Each university is marked by a map marker.
You can search and filter the markers as well as the list of all universities provided.
Pictures provided by Instagram API.

#### Building the app
* Install Yeoman, GulpJS and Bower: npm install --global yo gulp bower
* Install NPM dependencies: npm install
* Install Bower dependencies: bower install
* Run gulp serve to preview and watch for changes
* Run bower install --save to install frontend dependencies
* Run gulp to build your webapp for production
* Run gulp serve:dist to preview the production build

#### Live view
You can view the live project [here](http://nazanin1369.github.io/neighborhoodMap)

#### Frameworks, APIs and Libraries

* KnockoutJS
* JQuery
* Saas
* Material lite
* loDash
* Instagram API
* Google Map API

#### Tools
* GulpJs
* Babel
* Bower