Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/nazanin1369/neighborhoodmap
- Owner: Nazanin1369
- Created: 2015-08-30T18:29:31.000Z (about 9 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-09-28T06:29:05.000Z (about 9 years ago)
- Last Synced: 2024-04-16T20:08:29.645Z (7 months ago)
- Language: CSS
- Homepage:
- Size: 711 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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