Description

Pokedex App is a simple JavaScript app using the PokeAPI to display information about selected Pokemon. Pokedex App presents a list of Pokemons, users can open each Pokemon to view stats "Height, Weight, Type, and Abilities". It also presents an image of the current Pokemon in view.

Objective

To build a small web application with HTML, CSS, and JavaScript that loads data from an external API and enables detailed viewing of data points.

Pokedex App Live

Future Features

The app should handle errors (such as trying to load data while offline) and show user-friendly error messages.
Making the app more aesthetically pleasing or including more features, such as an item search
Touch interactions (pointer events), e.g., swiping between items

Setup

A simple HTML file startup project!

Clone the project: Here
Once you have cloned it, use the index.html to preview the Pokedex App
Inside the index.html; to access All Pokemon by Changing the limit
You can also download the files manually, and open the index.html to preview the Pokedex App
Changing up CSS or javascript, the index.html is referencing to .mini files located in dist folder here

Changing the limit

Go into the dist folder here Open up the scripts.mini.js if you haven't already, and find the API fetch link. Changing the end limit number will show more or less. Example: https://pokeapi.co/api/v2/pokemon/?limit=1000 <-- showing 1000 Pokemon

Used

HTML
JavaScript
CSS
Bootstrap

API Used

PokeAPI: https://pokeapi.co/api/v2/pokemon/