In the attached .zip file you will find 3 JSON data files(data1.json, data2.json og data3.json) which each represent a list af real estate properties.These files is data for the task. It would be nice if you use a frontend toolkit as Twitter Bootstrap or Foundation to build your UI.
The task is to make a webpage which gets and presents data fra the 3 JSON data files on a map. The page must have 3 links – one for each data file. By clicking the link the real estate properties from the corresponding data file must be rendered on the map. Chosen data(address, zip code, price, size etc) must be presented in a standard map callout. Only one dataset must be show at once. The list of real estate properties can be rendered with help from JavaScript libraries like jQuery, Sizzle, Backbone, Knockout or similar – it is entirely up to you.
Data fra the first file must be rendered on pageload( no interaction form user). The other data sets must only be loaded and rendered by clicking their correcponding links.
The data files must be loaded via AJAX, so they must be placed in files in the site structure. Since not all browsers allows AJAX request to the file system, the site must run on some webserver like Apache or similar.
You can choose to implement a filter to filter the real estate properties you have rendered on the map. It would be obvious to use Knockout as frameworj for this.
You can also implement showing the real estate properties in a list.
We will use your solution as a starting point for discusion and then more forward from there. As mentioned earlier we do not expect you to spend more than 3-5 hours on this assignment. You do not have to test your solution in all browsers – your own favorite will do.Bring your solution on your own machine or make sure it is accesable online so we can take at look at the solution
We will also look at your solution on mobile devices – we will judge the ability to adapt layout and performance.