Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!

Реализация поиска и фильтра объявлений (только front-end)

project expired


ЧТО НУЖНО ЗНАТЬ: React JS, Redux, Thunk, . Верстка есть. Работа с Git Jira.

Проект написан на laravel + React JS.  Нужно дописать функционал.

1. Search on home page

On home page is search by location. Placeholder for search input field - WHERE ARE YOU LOOKING FOR?

After user types the query and  click  search user is redirected to search page with filtered results by location. By default, FOR RENT tab is active.

On homepage are cities:

  • TORONTO
  • MONTREAL
  • CALGARY
  • OTTAWA
  • EDMONTON
  • WINNIPEG
  • HAMILTON
  • VANCOUVER

 

After user clicks on a city, user is redirected to search page with results: public rent listings in a chosen city (from all communities in a chosen city).

2. Search page

2.1. Filters

It is a page with filters and dynamic updated information based on filters. Also system shows how many listings match the query plus user can sort listings by:

  • price (from high to low, from low to high)
  • popularity (the most clicked + favourited listings)
  • days on site (any, new listings (since yesterday), less than 3/7/14/30/45/60 days).

All drop-down lists have “any” selection.

Filters are divided on 4 parts. 

 

First part contains (for rent & for sale is the same):

 

 

Only 1 choice, because it influents on filter view:

  • FOR SALE
  • FOR RENT 

 

Choosing 1, either, both:

  • ACTIVE 
  • COMING SOON
  • PRIVATE ONLY

 

PRIVATE listings are available in the full search only to those that have been shared WITH(To). The "private only" filter on secondary menu just quickly shows the user all "privately shared" listings on their front end account.

  • ADVANCED SEARCH
  • CLEAN

 

Second part (for rent & for sale is the same):

  • PRICE (from - to slider; currency drop-down selector)
  • PROPERTY TYPE (drop-down selector)
  • BEDROOMS (choosing 1, either, both:)
  • BATHROOMS (choosing 1, either, both:)
  • MORE FILTERS 

 

Third part contains (ONLY FOR RENT):

  • PARKING (multiple select)
  • AVAILABILITY DATE  (from - to, data-picker)

 

Third part contains (ONLY FOR SALE):

  • SIZE OF INTERIOR (from - to slider)
  • MOVE-IN-DATE (drop-down selector) 
  • LISTING DATE (from - to, date-picker) 
  • PARKING (multiple select)

 

Fourth part (for rent & for sale is the same):

  • MAP VIEW button (shows list of listings and a map with dots of properties on it)
  • LIST VIEW (shows list of listings)
  • LESS FILTERS button (roll up the 3d line of filters)

 

3. Advanced search

3.1. Advanced search for rent

This is a pop-up window which is contains:

  • FURNISHING
  • UNDER 18
  • PETS
  • SMOKING
  • HOME FEATURES
  • UTILITIES INCLUDED

 

3.2. Advanced search for sale

This is a pop-up window which is contains:

  • HOME FEATURES


Client
Project published
31 May 2017
73 views