React Pokedex APP

A React pokedex APP that is built on PokéAPI.

Side tangent:
You may see some discouraged pattern used in the codebase, e.g. dispatching other action in a thunk function, dispatching the fulfilled action of a thunk. I realized those patterns are not recommended, but as I was working on performance(actually I do spend quite a lot of effort and time working on reducing unnecessary re-render), I found those patterns pretty useful.
It'd be appreciated if you can spend some time going through my code and let me know what you think.

Features

• Search Pokemon through type, generation, id or name.
• Sort Pokemon through multiple ways.
• Support multiple languages.
• Displayed as table or cards.
• Rich information, including evolution chains, moves...
• Infinite scroll.
• Caching.
• Routing.

Tech Stack

• React
• Redux Toolkit
• TypeScript
• React Router
• Material UI
• React Data Table Component
• Bootstrap

Installation

1. Clone the repo: git clone https://github.com/alveifbklsiu259/Pokedex.git
2. Change directory: cd Pokedex
3. Install dependencies: npm install
4. Start dev mode: npm start

Demonstration

live demo: https://react-pokedex-app-murex.vercel.app/

Image credits

https://freepngimg.com/png/37466-pokeball-image
https://en.wikipedia.org/wiki/File:Pok%C3%A9_Ball_icon.svg
License: Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)