Simple Pokédex

Inspired by this Gist and Pokédex.org. This is a very simple version of a Pokédex build with React and Tailwind.css.

I decided to use the RESTful Pokémon API instead of the Marvel API because it doesn't require registration.

Stack

• create-react-app
• react-router
• axios
• Pokéapi - The RESTful Pokémon API
• img.pokemondb
• tailwind.css

Available Scripts

In the project directory, you can run:

npm start

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

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

npm run tailwind:normalize

tailwind build src/normalize.src.css -o public/normalize.css

Uses the Tailwind CLI tool to process the normalize CSS in the public folder.

npm run tailwind

tailwind build src/App.css -o src/index.css

Uses the Tailwind CLI tool to process the Application CSS in the public folder.

npm run purgecss

Finally uses PurgeCSS to remove unused CSS from the Tailwind build for a lighter file.

License

MIT license