Taken from this blog post: Let’s Build a Pokedex with React
- Confirm your Node version > 6, otherwise you can use nvm to install the latest version of node
- Clone this repository
- Run
npm install
to install required dependencies - Run
npm start
to start up the react app - Visit http://localhost:3000/ to access the Pokedex
I made changes to the DetailView.js file that is different than the tutorial where the data-name
is used as a heading, followed by the type and ID of each pokemon. Additionally, I removed the CSS styling of the data-char
className in DetailView.css to provide for more UI consistency.
Things I would like to add or change in future iterations:
- Add a heading to the Pokedex itself
- Utilize other API calls or scraping to provide additional information about each Pokemon