s1varam / pokedex

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

Home Page:https://pokedex-react-mui.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PokéDex

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

Links

Watch it in action here

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

demo-gif

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

Credits

Contributions, issues and feature requests are always welcome! Star the repo if you like this project :)

About

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

https://pokedex-react-mui.netlify.app/


Languages

Language:JavaScript 72.9%Language:CSS 23.2%Language:HTML 3.9%