5/12/2015 all fixes after evaluation: I made all corrections in index.html as well as my main.js file. I moved the code from koRelated to main.js and the section related to ko is at the bottom of the page. instead of seperate infowindows I have only one which is used by all. I included all testing images in this folder. step1.png: when page loads first step2.png: when I type salon in my search input box and list view shows step3.png: when I type the name of a salon and that is the only one showing on list and marker step4.png: when rating is not avalable from nearby response I change it to not available step5.png: when streetview has the image, nearby has rating and name in response and all are good.
5/11/2015 This section is what all changes I made after the second evaluation came back. After the feedback I made major changes to the page. I used places nearby search api results instead of hardcoding any array. I used results from the palces api to show markers on the page. Seperated the code that is related to the map only and knockoutJS part in diff js files. organized all my code better. made my search list div fluid so that it will resize based on results from search
Steps to run the app: 1. open index.html on any modern browser 2. it should showup a map and a search input bar 3. click any of the markers on the map and will open a salon near you 4. in input bar try to search for Salon (it will show all salons in our ko list) 5. in input bar search for a salon name and it will show that salon marker only on the map and the list 6. to see all markers on the page just refresh the page
Sites used: stackoverflow.com knockoutjs.com/documentation jquery.com
APIs used: 1. google Map API 2. google map places nearby API 3. google streetview API
format: Used bootstrap to format the divs of my page
Steps for development: 1. included google map in our page 2. used geolocation of html5 to get the location of the user and mark it on the page 3. used places api to find all salons in current location of user and bound to the wind of map 4. got result from places and saved the points in an arra 5. showed markers for those points 6. sued streetview to assign to image of each location 7. added infowindows for all points icluding the image of the lcations got from streetview 8. added a search navigation in our page