Integrates 3rd party APIs and a MVVM front end web framework for a simple single page web app plotting taquerias in San Jose on a map with live data pulled in from 3rd party APIs in the detail view for each. Places are filterable by name and the entire site is responsive. Built with modular, object oriented design with attention paid to object caching for performance.
It's all front end stuff, so all you need is the html, css, and Javascript and it'll run in your browser.
View the hosted version here: https://sunnymui.github.io/neighborhood-map/
You can clone the repository to your local machine if you want to play around with it.
- Bootstrap https://getbootstrap.com/
- Knockout https://knockoutjs.com/
- HTML5 Boilerplate https://html5boilerplate.com/
- Node.js https://nodejs.org/en/
- NPM https://www.npmjs.com/
- Yeoman https://yeoman.io/
- jQuery https://jquery.com/
- cdnjs https://cdnjs.com/
- git https://git-scm.com/
- Trello (Keeps me organized) https://trello.com/
- Google Maps Javascript API https://developers.google.com/maps/documentation/javascript/tutorial ..* Street View Service https://developers.google.com/maps/documentation/javascript/streetview ..* Places Service https://developers.google.com/maps/documentation/javascript/places
- Foursquare Places API https://developer.foursquare.com/docs
- Flexbox 100% Vertical Height https://codepen.io/micjamking/pen/QdojLz
- Fetch Error Handling https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
- ES6 simulated default named parameters https://stackoverflow.com/questions/894860/set-a-default-parameter-value-for-a-javascript-function/46760685#46760685
- Utility function to check if an object is empty https://coderwall.com/p/_g3x9q/how-to-check-if-javascript-object-is-empty
- Regex to clean punctuation from a string https://stackoverflow.com/questions/4328500/how-can-i-strip-all-punctuation-from-a-string-in-javascript-using-regex
- Udacity Google Maps Course https://www.udacity.com/course/google-maps-apis--ud864
- Markdown Cheatsheet (Because I have to look every time I write a readme) https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet