LadyBluenotes/the-poke-dex

Using the PokeApi, a PokeDex was created to showcase all pokemon and their stats.

The Poke Dex

Using the PokeApi, a PokeDex was created to showcase all pokemon and their stats.

ThePokeDex.mp4

Table of Contents

• General Info
• Optimizations
• Lessons Learned
• Technologies.

General Information

This project was inspired by a tutorial done by Arslan on youtube, but design and details were created by myself. Information for the tutorials are found here:

• Github Repo
• Youtube video

Optimizations

• As user searches, auto fill suggestions to help user spell pokemon name.
• Reducing whitespace that is present within the pokemon details page.

Lessons Learned

This project provided me the opportunity to learn more about React and some of the more intimate details of it. It showed me how to do pagination, create a search function and link to other pages of the app as well as creating components that are linked to different parts of the app.

Technologies

In addition to script written with JavaScript, React was used as the front-end framework.

This project was bootstrapped with Create React App and utilized React-Router-Dom.

The API used can be found here.