About

Welcome to Pokémon DTC, a jQuery app built using the PokéAPI that generates a Digital Trading Card. When you click on the Pokéball button, the card is populated with a random Pokémon and displays the Pokémon's type, stats and up to 2 random moves, all with data pulled from the API!

And since it's a trading card...

Each time you generate a card, it has a chance to become rare! Common cards will have a background colour that matches their type like so:

A charizard with a common gradient background.

But... there are some cards that can be generated with a shiny background or with a shiny Pokémon image! Check out some examples:

A charizard with a shiny background.
A shiny charizard with a common gradient background.
A shiny charizard with a shiny background.

Legend

Type

Stat

A heart icon symbolizing HP.

HP

A sword icon symbolizing Attack.

Attack

A shield icon symbolizing Defense.

Defense

A winged foot icon symbolizing Speed.

Speed

Class

A fist icon symbolizing Physical Attack.

Physical

An explosion icon symbolizing Special Attack.

Special

An arrow icon symbolizing Status Effect.

Status

Credits

Pokémon DTC created by Rakesh Parmar

Pokémon SVG Icons created by duiker101

Sparkle jQuery Plugin created by Simon Goellner

Stats, Class and Pokéball Icons created by Freepik - Flaticon

Kanto Map created by Adam Rufino© available for use under CCL

Pokémon D.T.C.

Click the Pokéball below to generate a card. Click the 'menu' button for more info. Enjoy!

???

A wild pokemon image appeared!
A heart icon symbolizing HP.

###

A sword icon symbolizing attack.

###

A shield icon symbolizing defense.

###

A winged foot icon symbolizing speed.

###

Move Name

Type: ---

This is where the move description will appear to tell you what your Pokémon's move does

Class

a question mark icon

Power

###

Move Name

Type: ---

This is where the move description will appear to tell you what your Pokémon's move does

Class

a question mark icon

Power

###