/react_movies-list-js

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Movies List

DON'T use Typescirpt in this task

You are given movies loaded from the API and initial markup. Your task is to:

  1. Render movies from a given moviesFromServer array (for the simplicity, you can do it inside the App and split later).
  2. Extract a .movies block to a MovieList component.
  3. The App should pass the moviesFromServer to the MovieList as a movies prop.
  4. Extract a .card block to a MovieCard component.
  5. The MovieList should pass a movie to the MovieCard.
  6. Use movie.imdbId as a key.
  7. Keep all data-cy attributes to pass the tests.

Instructions

  • Install Prettier Extention and use this VSCode settings to enable format on save.
  • Implement a solution following the React task guideline.
  • 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.