1. Overview
2. Techs used
3. Todo
4. Installation and Deployment
5. Pages
6. Adding More Generations

• A list of all pokemons of the 1st generation (But it also can contain all the 1000 pokemons that exists);

• The technologies used in this project was:
  • Vite (Bundler)
  • TypeScript;
  • ReactJS;
  • TailwindCSS;
  • React Router;

You can access the page with this link:

• https://pokedex-dinizgab.vercel.app/

or you can clone the repository and run it locally with:

git clone https://github.com/dinizgab/pokedex
cd pokedex
npm install
npm run dev

• In the first page, it will show the list of all the pokemons you wanted to list:
• It will show you the types of the pokemon, its name, id and a photo of it;

• When you click in a card, you are redirected to the pokemon page;
• In this page, it will show to you the main biography of the pokemon, with a gif sprite of it, its weight, height, abilities, species and a simple text about the pokemon;
• Here you can also change to the Status Page and to the Evolutions Page

• Here is where the pokemon statuses are shown;
• At the left are the base stats that you'll get for this pokemon and at right the max stats you can get for it (The calculation was made based on a level 100 pokemon with 252 EVs and 31 IVs);

• In this page are the pokemon evolutions
• All the evolutions of the pokemon are shown in this page, also with its name and ID

• You just need to change the getPokemons() piece of code at /src/routes/Home.tsx, more specifically the for loop, just change the stop condition to the pokemon quantity that you want;

[]