- Search
🔸type (house, flat, any)
🔸price (min price, max price)
🔸bedrooms (min bedroom, max bedroom)
🔸date added (after specified date or between two given dates)
Form made using HTML5 and jQuery UI Widgets for ALL Elements.
- Search Criteria derived from provided JSON data file (to which 5 more have to be added).
- jQuery UI Tabs for each property with a large image, thumbnail images, and a short description of the property (property type, price, location)
- Favorites list saved using localStorage made with button click. Each location can be added only once.
- Removed from favorites by button click.
- Display Favorites on the Search Page.
- Make all pages Responsive for 3 layouts (Desktops, iPads and Phones).
- Website Security using CSP, HTML Encoding, etc.
User can check the search functionality by filling the search form using internal JSON data in HTML Search Page.
CDN - jQuery Script
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
CDN - jQuery UI Script
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
CDN - jQuery UI CSS
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
Repository - jQuery-MultiSelect by nobleclem
https://github.com/nobleclem/jQuery-MultiSelect
