/react_movies-list-filter

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Movies list - Filter

The Appcontains a MoviesList and a search field. Implement filtering using a useState hook.

Here is the working version

  • On every change save the input value into the query;
  • create a visibleMovies variable containing filtered movies;
  • check if movie.title or movie.description contains query;
  • search should be case insensitive (Inception can be found by entering inc or Inc or even iNC).

Instructions

  • Install Prettier Extention and use this VSCode settings to enable format on save.
  • Implement a solution following the React task guideline.
  • Use the React TypeScript cheat sheet.
  • Open one more terminal and run tests with npm test to ensure your solution is correct.
  • Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.