Build A Pokémon Application With React


pokemon react app
Project UI


 To build this react app,we need an API.If you do this project,it will help to work with any API easily.It is also a great project to keep it your Github repo.

1.We need an Api.

Go to this website to get API:https://pokeapi.co/docs/v2 

Take this API:https://pokeapi.co/api/v2/pokemon/

2.What we will get.

We need Axios to get data from Api.

install through this command npm install axios

https://pokeapi.co/api/v2/pokemon/?offset=20&limit=200

  axios.get('https://pokeapi.co/api/v2/pokemon/?offset=20&limit=200')

.then(res=>{
console.log(res.data);     //this will give all pokemon's name
})
3.how to get signal pokemon details  


 `https://pokeapi.co/api/v2/pokemon/pikachu   

I have built react pokemon APP,using these two APIS.We can follow my code.Here the github link:

https://github.com/Fatin-Shahriare-Sium/react-poko-app/tree/master/react-pokemon

If you want video,we can watch:

1.Web Dev Simplified

https://youtu.be/o3ZUc7zH8BE

2.Jason Revera.

https://www.youtube.com/watch?v=HaEB0vdxpdg

Post a Comment

0 Comments