Website Link: https://codepen.io/tirthraj07/full/PoLNBOM
Source Code: https://replit.com/@tirthraj07/Star-Wars-API
https://akabab.github.io/starwars-api/
I used Bootstrap to make it more neat and responsive
Further I added a search feature that searches the characters by name. Everytime you press a key, it searches for that character
To reduce the API Calls, i scanned through the entire database first and stored them in a JavaScript Object, with names as keys and their ids as values (Note: id=17 does not have an API Endpoint)
Then I just check if the input value is a substring of any of the keys and then display the items