Skip to content

mate-academy/react_movies-list-js

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published