This NextJS project was created from create-next-app, and includes Chakra-UI and React-Query.
3 types are provided :
- Show: common props of movies and tv shows
- Movie: props of a movie
- TvShow: props of a tv show
The endpoint /api/marvel allows to recover all marvel movies and tv shows. It returns an array of Movie | TvShow
This endpoint accepts a query param type=movie or type=tvShow for filter by type
The endpoint /api/marvel/{id} allows to recover movie or tv show information. It return Movie | TvShow
This endpoint accepts a query param type=movie or type=tvShow for filter by type
You have to build a listing of Marvel movies and tv shows. The list must be able to be filtered by type
Click on listing item must trigger navigation to a new details page for the selected item.