Your task is to create angular application and fetch a list of actors with the films they have been involved from a given API endpoint and render the list of actors on the page. Each actor should be displayed as a card with its name, height,birth_year and an "Detail" button.
Details:
-
Fetch the product data from the following API endpoint: https://swapi.py4e.com/api/people/.
-
Display the list of actors as cards. Each card should include the product name, height,birth_year and an "Detail" button.
-
When the "Detail" button is clicked, the selected actor should be displayed in separated component with the detail of an actor.
-
Use appropriate CSS styles to make the actor list visually appealing.
-
Errors and loading states should be handled.
-
Write unit tests to ensure that the components behave as expected.