Skip to content

Pokédex Overview

WayneWang86 edited this page Feb 17, 2020 · 6 revisions

Pokédex Overview

This is a course project for CSE 154 at University of Washington.

This project uses AJAX to fetch data from API provided by UW CSE Department:


This Pokédex web page will fetch data from API provided by UW CSE Department to display images in the Pokédex. Everytime an user select a known Pokémon from the Pokédex, the given Pokémon's information will be requested from API in JSON format and will be displayed on the Pokémon card


The initial Page will show a Pokémons card with its name, health point, type icon, weakness icon, description and available moves on the left. A Pokédex container will be displayed on the right. The Pokédex will show the picture of the Pokémons the users own. Unknown Pokémons' pictures will be displayed in shadow until user capture them.

Example of Initial Page:

Initial Page


After users select the Pokémon they want, they can click the 'Choose This Pokémon' to go to battle with another random Pokémon. Each If users' Pokémon wins the battle, then the other Pokémon is captured and will be shown in Pokédex.

Example of Battle View:

Battle View 1

Battle View 2


There are three outcomes of the battle: Win, Lose and Flee

Example of Winning Battle:

Battle Won


Example of Losing Battle:

Battle Lost


Example of Fled Battle:

Battle Flee


Example of Main Page after Several Battles:

Main Page With Pokemon Collection