Sireus / react_movies-list-js

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 MoviesList component.
3. The App should pass the moviesFromServer to the MoviesList as a movies prop.
4. Extract a .card block to a MovieCard component.
5. The MoviesList 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

• 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.