- Axios for API calls
- React Router for route handling
- CSS Modules for styling
- Typescript for specifying the variable parameters
Single-page Pokemon Create-react-app React application that lets users interact with pokemon data from the following API Pokemon
The Application consists of the following features
- List view: where users can input a pokemon into a search bar and the app returns a list of results that match the query. users can also sort the list based on different properties of the results(such as name, height and weight). search bar filtering implemented in client-side
- A gallery view: that displays pokemon media images from the API. The gallery view has filters available to filter pokemon by type and by habitat.
- A detail view: When an item in the search view or the gallery view is clicked, the app displays the different attributes of the selected pokemon. Detail view also consists of prev and next button to go to the next pokemon in the sequence. The detail route can be reached just by specifying the route in url.
git clonethe repositorynpm installto install necessary requirementsnpm startto open a browser and go tohttp://localhost:3000/to view your page