Main tasks

[x] 1. create simple html/css to for user to input, with address, category to choose from, quantity of attractions [1]
[x] 2. code the azure function to use these 3 parameters and call Google Places API, return a list of places with relevant data [2]
[x] 3. call azure functions in index.js and extract useful data to display for users

Next Week

[x] change place input box into google-based (directly inputting valid address/city name)
[x] limit the user input, especially the upper limit of "quantity"
[x] for categories, combine multiple types since google places API don't support searching for multiple types at the same time
[x] for categories, return the first 60th (or even more), instead of first 20th attraction returned by google map
[x] let user choose multiple categories, combine all the results and then output random places

[x] 1. The "stadium/zoo" types will not return famous stadiums? (only returned two trash result) ---> use different header (e.g. museum--type, stadium--keyword) based on different categories
[x] 2. "famous" type needs to use "type" instead of "keyword" query