https://github.com/adhir2099/poke-fetching-api

Using vanilla JS to fetch data from pokéapi to generate our pokédex
https://github.com/adhir2099/poke-fetching-api

bootstrap5 pokeapi pokemon vanilla-javascript vanilla-js

Last synced: about 7 hours ago
JSON representation

Using vanilla JS to fetch data from pokéapi to generate our pokédex

• Host: GitHub
• URL: https://github.com/adhir2099/poke-fetching-api
• Owner: adhir2099
• Created: 2023-12-09T05:50:33.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-06-23T18:24:22.000Z (5 months ago)
• Last Synced: 2024-06-23T19:38:18.815Z (5 months ago)
• Topics: bootstrap5, pokeapi, pokemon, vanilla-javascript, vanilla-js
• Language: HTML
• Homepage:
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 👋 Easy Pokédex


## Demo URL



  

    Visit demo here

  



# VANILLA JS POKÉDEX

Using vanilla JS to fetch data from pokéapi to generate our pokédex

Showing correct order of Pokémon, not in disordered arrange

Working pagination

Fetching info from API

Bootstrap and some custom CSS for UI


## Frontend



  

    

  



## API used

pokéapi

## Initialize

  Run index.html

  
Here you can set the number of pokémons to be display

  


  ```js

      getPokemons(`${pokeUrl}pokemon?offset=0&limit=54`);

  ```

  


## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b your-branch`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin your-branch`

5. Submit a PR

Get in touch with me 🤝:







 Created with ❤️ by Adhir2099