PokéDex

A simple Pokémon catalogue, built with React, Material-UI and PokéAPI.

View Demo View Github

Features

  • View basic details of each Pokémon
  • Filter Pokémon based on Region and Type
  • Sort Pokémon by ID/Name
  • Search Pokémon by its Name/ID
  • Dark mode toggle
  • Scroll to top
  • Lazy loading of images
  • Responsive design

Snapshots

Demo gif

pokedex-demo

Built With

  • React
  • Material-UI
  • PokéAPI

Run locally

  • Clone this repo
  • Run npm install and npm start
  • The application opens in http://localhost:3000/ or any other available port

To-do

  • Include some more Pokémon data - strengths, weaknesses, moves
  • Complex evolution chains (Eevee and the likes)
  • Add favorites
  • Offline mode
  • Router for Pokemon details