tanhernandez/gotta-catch-em-all

Pokedex - Modern Nintendo Theme

gotta-catch-em-all

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

How to use

Home Page

Searching

In the Home page, you can search for a pokemon by typing its ID, Name, or Type.

Selecting pokemon cards

All the cards in the Home page are clickable, and will redirect you to its Details page.

Loading more pokemon

If you scroll down to the very bottom, press the "Load more Pokemon" button in order to load the other Pokemons.

Details Page

Navigation

You can navigate to previous or next Pokemon via using the top navigation. You can also use it to get back to the list ( Home page).

Tabs

You can click on the tabs (About, Stats, Evolution, Moves) in order to view each of their contents.

Evolution Thumbnails

If you're in the Evolution Tab, clicking the thumbnails will redirect you to the Details page of the clicked Pokemon.