Skip to content

Kozubowicz/react_movies-list

This branch is 9 commits ahead of, 1 commit behind mate-academy/react_movies-list:develop.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jul 12, 2024
8a913d8 · Jul 12, 2024

History

66 Commits
Apr 7, 2022
Mar 18, 2024
Feb 6, 2020
Jul 12, 2024
Feb 6, 2020
Apr 6, 2022
Apr 6, 2022
Mar 18, 2024
Apr 7, 2022
Feb 15, 2024
Feb 15, 2024
Feb 6, 2020
Feb 6, 2020
Apr 6, 2022
Feb 15, 2024
Aug 2, 2022
Mar 18, 2024
Jul 12, 2024
Mar 21, 2024
Mar 18, 2024

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 67.9%
  • JavaScript 23.7%
  • HTML 4.8%
  • SCSS 3.6%