You are to create a SPA (single page application) using html, CSS and JavaScript. It shows all characters from a star wars API (https://swapi.dev/api/people). Read the documentation and implement as follows.
-
Display a dummy image for all single characters
-
Make a HTTP request to populate your frontend application using the API
- Display a list with the names of each person from the API request.
- On Clicking any name, display the details of that user on the screen, with name, gender, height only.
-
All implementations should be done using es6.
-
Make your design pretty and responsive.
-
When you are done, host on heroku or netlify (link should be added to your turned in field on Teams)