https://github.com/nazanin1369/up6-neighbormap

Udacity Front end nanodegree 6th project
https://github.com/nazanin1369/up6-neighbormap

Last synced: 26 days ago
JSON representation

Udacity Front end nanodegree 6th project

• Host: GitHub
• URL: https://github.com/nazanin1369/up6-neighbormap
• Owner: Nazanin1369
• Created: 2015-10-01T03:34:53.000Z (about 9 years ago)
• Default Branch: gh-pages
• Last Pushed: 2015-10-07T00:49:56.000Z (about 9 years ago)
• Last Synced: 2024-04-16T20:08:30.850Z (7 months ago)
• Language: JavaScript
• Size: 719 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/UP6-neighborMap/dist/)

#### Frameworks, APIs and Libraries

 * KnockoutJS

 * [Knockout viewmodel plugin](http://coderenaissance.github.io/knockout.viewmodel/)

 * JQuery

 * Saas

 * [Material Design lite](http://www.getmdl.io/)

 * [loDash](https://lodash.com/)

 * Instagram API

 * Google Map API

#### Tools

 * GulpJs

 * Babel

 * Bower