Demo Search App

Features

1. Mock Data from - http://www.mocky.io/v2/5ba8efb23100007200c2750c .

On typing in the search input box, the search results list opens up. The search could be just a string matching search.

2. Matching text is highlighted in blue color as displayed in the search result list UI
3. If a search query is found in items, then it shows “{{queryValue}} found in items”
4. The list of cards can be navigated through keyboard or mouse
5. Only one card highlights at a time if both mouse and keyboard are used for navigation
6. Keyboard takes preference if mouse is kept hovered on the list, similarly mouse takes preference if keyboard navigation is not used
7. When no search results are found, an empty card is displayed
8. The card list is scrollable
9. The highlighted card (via keyboard/mouse) is scrolled into view