Somewhat scuffed as design was not a criteria

Required packages

Axios - nmp i axios React - npm i react

Start server

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Features

By default the app will display 20 Pokemons at a time, by clicking next you will get the next 20 ordered by id.
Sort by type, the 18 buttons at the top.
Sort by id and name, by clicking the name or id buttons below.
Search for individual Pokemon, with a list of suggestions for all available Pokemon.
Popup for individual Pokemon where you can view the evolutions, id, name, and type\

Sources and inspiration

https://pokeapi.co/

Youtube

Build React input auto suggestion
Build A React Search Bar Dropdown Component
Pokemon Search App w/ React, Bootstrap, & PokeAPI - Code in Description
JavaScript Array Sort Method Practice in 5 Minutes
sort Array Method | JavaScript Tutorial JavaScript Problem: Sorting an Array of Objects
Learn React Portal In 12 Minutes By Building A Modal
React Search Filter Tutorial Beginner to Advanced
JavaScript numeric sorting
React Table Sorting
How to Get DropDown Selected Value in React with OnChnage || Get Select box value in React js
Easily Sort Before Displaying Records in React JS | SUPER USEFUL
CSS Grid in 100 Seconds
How to host your own fonts made simple
API Tutorial - Fetch Data with Axios - (Example in React)
Create Pokemon Codex with React and Hooks in 2021 - Tutorial
Build A Pokémon Application With React - Tutorial

stackoverflow

Adding an onclick event to a div element
css change style of an element on click
Get object data and target element from onClick event in react js
Failed to decode downloaded font
sort an array with react hooks

Documentation

JSON.stringify()
Axios Cancellation AbortController

Other

Pokemon Fire Red Font
React onClick event handlers: A complete guide