This is a web application search engine for Harry Potter characters developed with REACT. It allows you to filter the characters by name, house, species, dead characters and also sort them alphabetically. This was the final assessment exercise of Module 3 at Adalab Bootcamp.
- We use the service https://hp-api.herokuapp.com/ that returns information about Harry Potter characters filtered by the house they belong to.
About each character, it is displayed:
- Picture
- Name
- Species
-
You can search the characters by name, house, species, dead characters and you can sort the characters alphabetically. You can also clear the filters with the reset button.
-
When you click on a character's card, its information appears in full screen. Routes and React Router DOM have been used to develop this. In the detail card appears the picture, the name, the species, the house he/she belongs to, if he/she is alive or dead and his/her gender.
-
Local storage Last search is stored in the localStorage. So when reloading the page the list of characters is displayed.