This website is for the Front-End Web Developer nanodegree project where we have to create a neighborhood map at a certain location using Google Maps API and/or other third party APIs.
This website shows the available places around Atlanta that uses Google Maps and FourSquare API. This also uses bower components such as Bootstrap, jQuery, and Knockout since it does give better performance for using the APIs. If the user clicks on the marker, a list will pop out on the left consisting of what the user selected and other results of what the user searched for. They will see what the rating is for that place, a streetview image, and a website link to learn more about it.
You can run the program by simply running the index.html on the root level.
index.html- Main HTML file.js/app.js- Main Javascript file that contains both Google Maps and FourSquare APIs and their functions.css/style.css- Main CSS file.lib/knockout-3.3.0.js- Knockout.js, but that is never used since I've found out that bower provides an efficient way for running the website.
- Consists of previous submission which is similar, but uses the Yelp API instead.
- All the files mentioned from the
srcfolder (except forknockout-3.3.0.js) are all minified using grunt. package.json- Shows the following grunt modules installed for the project.Gruntfile.js- Integrating the grunt modules to minify the original files into the root folder.bower.json- Used to install the following bower components mentioned from above.
- Udacity Intro to Ajax
- Udacity Javascript Design Patterns
- Google Maps API - Marker Animations
- Google Maps API - Controls
- Google Maps API - LatLngBounds
- Youtube - Introduction to the Google Maps API
- Youtube - Google Maps Javascript API
- jQuery.ajax()
- KnockoutJs - Tutorial
- KnockoutJs - Observables
- KnockoutJs - Binding Syntax
- KnockoutJs - HTML Binding
- KnockoutJs - CSS Binding
- FourSquare API Developers Main Page
- FourSquare API - Explorer - Connecting
- FourSquare API - Explorer
- FourSquare API - Checkins
- FourSquare API - Venue
- FourSquare API - Venue Group
- Stack Overflow