Skip to content

Latest commit

 

History

History
19 lines (15 loc) · 1.14 KB

README.md

File metadata and controls

19 lines (15 loc) · 1.14 KB

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.