Movies List

React + Typescript cheat sheet

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

1. Create and export a Movie interface inside ./src/types/Movie.ts (all the fields are required)
2. Render movies from a given moviesFromServer array (for the simplicity, you can do it inside the App and split later).
3. Extract a .movies block to a MoviesList component.
4. The App should pass the moviesFromServer to the MoviesList as a movies prop.
5. Extract a .card block to a MovieCard component.
6. The MoviesList should pass a movie to the MovieCard.
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.
• 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.