Home Page:

• Four dropdowns used for select year, make, model and type and a search button to filter out the products based on the selected values.

• Initially, all dropdown and search button are disabled by default except year dropdown.

• Each dropdown get enabled when the previous dropdown got selected. 

• Once the selections are done, search button got enabled.

• Once the search button is clicked, site opens the products list page with list of products that satisfy the selected values.

Product List Page:

• Here also Four dropdowns used for select year, make, model and type and a reset button to reset the applied filters to the products based on the selected values.

• Here, all dropdown and reset button are enabled by default.

• On each dropdown is selected, filter is applied to product list based on the selected value.

• If reset button is selected, all the dropdowns gets back to default value and applied filter get reset.