πŸ’» PokΓ©dex

PokΓ©dex created with ReactJS + TypeScript, using vite as boilerplate and tailwind CSS as customization library. Tailwind is used to manipulate the page's css and customize the Radix UI components, the Radix UI Icons library is used to compose some of the basic screen icons and PokeApi as the api for data consumption.

screenshot

πŸ—’οΈ Index

πŸš€ Technologies

  • πŸ”© React
  • πŸ’‘ TypeScript
  • ⚑ Vite
  • 🌈 Tailwind CSS
  • πŸ”₯ PokΓ©Api

✨ Features

  • πŸ”Ž Search pokemon by name
  • πŸ“± Responsiveness
  • πŸ“„ Pagination
  • ✨ Shape change
  • πŸ‘οΈβ€πŸ—¨οΈ Icon change

πŸ“¦ Install

πŸ“ Install the dependencies and start the project

yarn install
yarn run dev

πŸ”¨ Build

πŸ“ Build the application for production

yarn run build

πŸ” Preview

πŸ“ Preview the build

yarn run preview

⭐ Credits

πŸ“ License

This project is under the MIT license. See the LICENSE file for more details.

Top categories

Loading Svelte Themes