This is a Pokédex app built using React, TypeScript, Redux, React Router, and vanilla CSS. It uses the PokéApi to fetch and display information about different Pokémon. Go and take a look 👀 here.
- Browse a list of Pokémon from the 1st generation.
- View detailed information about each Pokémon, including their abilities, types, and base stats.
- Navigate between different Pokémon using React Router.
- Responsive design for a seamless experience on various devices.
To run this app locally on your machine, follow these steps:
- Clone this repository to your local machine:
git clone https://github.com/kevinjzea/pokedex.git
- Navigate to the project directory:
cd pokedex
- Install the project dependencies using Yarn:
yarn
- Start the development server:
yarn dev
- Open your web browser and visit http://localhost:5173 to use the Pokédex app.
- Browse the list of Pokémon by scrolling through the homepage and using pagination controls.
- Click the "Next Page" and "Previous Page" buttons to load more Pokémon.
- Click on a Pokémon card to display that Pokémon's image and name.
- Double-click on a Pokémon card to view detailed information about that Pokémon.
- React
- TypeScript
- Redux
- React Router
- Vanilla CSS
- PokéApi
Feel free to contribute to this project by creating issues or submitting pull requests. Your feedback and contributions are greatly appreciated.
This project is licensed under the MIT License - see the LICENSE file for details.
Paul Hallett and other PokéAPI contributors around the world for providing the data through the PokéApi. Thank you for checking out this Pokédex app! If you have any questions or feedback, please don't hesitate to reach out.
Happy Pokémon hunting! 🌟