Skip to main content

Level 200

Add Search#

  1. Complete all requirements from Level 100
  2. Add a "live" search input:
    1. Only episodes whose summary OR name contains the search term should be displayed
    2. The search should be case-insensitive
    3. The display should update immediately after each keystroke changes the input.
    4. Display how many episodes match the current search
    5. If the search box is cleared, all episodes should be shown.

If you have been fetching the episode data from the API, be careful not to cause many frequent requests with this search feature. The search should look through an in-memory copy of the episode list. Do not fetch the data again each time something is typed!

Example screenshot of search#

Note: Provided your project meets the above requirements, it can look however you want.

Here is one example layout.

<< level 100 - top - level 300 >>