Recently, while I’ve been on the job market, I’ve been taking on some more projects to further expand upon my experience with React and APIs. In this case, I’ve decided to take on the popular pokemon API, which also gave me the opportunity to work further with React hooks and more effective state management.
This app enables users to search through the complete list of pokemon and retrieve the pokemon’s image and list of abilities.
The app retrieves data from the PokeAPI and presents the data in a visually appealing way using React-Bootstrap.
When users type the name of a pokemon into the search bar, a dropdown list appears with the names of potential matches. This feature is achieved with the support of React Bootstrap Typeahead.
Please view the deployed app here.