author: lev@c4q.nyc
language: javascript
topics: react, api
difficulty: 4
format: project
attribution: original
For this project you will create a pokedex app using ReactJS, jQuery (for AJAX requests) and Bootstrap. The following is the approximate layout of the app:
Below the title to the left is a list of all pokemon, and above it is a search field which filters the list in real time. To the right is some info of the selected pokemon.
You are given the incomplete file index.js. Complete the methods for the given react components.
- Pokedex
- PokemonSearch
- PokemonList
- PokemonInfo
Use the comments in the code as a guide.
The main url for the API is: https://pokeapi.co/. An example url for a pokemon with the name 'pikachu': http://pokeapi.co/api/v2/pokemon/pikachu.
To start the app, use the command line: "node server" from the project folder and then go on a browser to http://localhost:3000/.