Skip to content

Repository files navigation

Pokedex with react

About

A website to view all pokemons and their details. UI made by me 😅

Technologies

  • Reactjs (Vite + Typescript)
  • PokeApi RESTful api

Screenshots

Home Page

  • Render all pokemons card
  • Search pokemons by name
  • Search pokemons by id
  • Filter pokemons by type
  • Filter pokemons by ability

Home screen 1


Home screen 2

Detail Page

  • Display pokemon image and name
  • Display pokemon height, weight, gender rate and capture rate
  • Display pokemon descriptions in carousel
  • Display pokemon stats (attack, hp, defense, speed, etc.)
  • Display pokemon types, weaknesses, resistances and abilities
  • Display pokemon evolution chain
  • Animate cards

Detail screen 1


Detail screen 1

Notes

  • Detail pages are shareable: /pokemon/25 works on refresh and from the URL bar.
  • Infinite scroll loads more Pokémon as you reach the bottom of the list (search pauses that).
  • Any bug found, please create an issue or PR.

About

A simple pokedex app built with react

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages