Pokédex

A complete Pokédex using PokeAPI to illustrate more than 1000 pokémon species stats, locations and evolutions

Explore the docs »

About • Build With • Getting Started • How to use • Info • Contact me • Contributors

📕 About 📕

The pokédex is a project made with Next JS and PokéAPI. It's a complete pokédex showing stats, evolutions and locations of more than 1000 pokémon species. This project is really great to demonstrate the basic and intermediate features of NextJS and ReactJS. Feel free to explore the code 😄🚀💻📃

This project has full accessibility and mobile support.

(back to top)

💻 Built With 💻

(back to top)

🚂 Getting Started 🚂

To get this project up and running locally on your pc, follow the steps:

Pre requisites

• npm

   npm install npm@latest -g

Installation

1. Clone the repo

 git clone https://github.com/fescherer/pokedex.git

2. Go to project's folder

 cd rocketseat/03-github-blog

3. Install NPM packages

 npm install

(back to top)

🙋 How to use 🙋

The project is really simple, you have two screens, one as Pokémon list and other Pokémon detail (popup). The pokémon detail can be accessed by clicking on some pokémon at the list.

One really great thing it's if you hover your mouse on the pokémon card, it will search if has an animated version on Pokémon black/white.

In the pokémon detail, we have it's type, color type as card border and a tab menu with 3 options- stats, evolutions and locations, each tab has it's important data to show.

(back to top)

🌎 Info 🌎

Don't forget to leave a star if you like the project ✨

(back to top)

💬 Contact me 💬

My name is Felipe Scherer. You can find my socials at my Github profile 😸

(back to top)

🤗 Contributors 🤗

Felipe Scherer

(back to top)