This is a simple Pokedex application built using React. It utilizes the PokeAPI to fetch and display information about Pokémon, providing features like displaying Pokémon, loading more Pokémon, searching, and more. Additionally, the app offers both dark and light modes for user preference.
- Display Pokémon: View a list of Pokémon with their basic information.
- Load More Pokémon: Load additional Pokémon as the user scrolls down the list.
- Search: Search for specific Pokémon by name.
- Filter by Types: Filter Pokémon by their types (e.g., fire, water, grass).
- View Statistics: Access detailed statistics of Pokémon.
- Dark/Light Mode: Switch between dark and light themes for comfortable viewing.
For this project, I've used JavaScript to handle most of the coding stuff. CSS modules made styling in React easier, keeping things organized. And with React, I've played around with state management and hooks like useEffect and custom hooks to make things more interactive and smooth.
-
Clone the repository:
git clone https://github.com/your-username/pokedex.git -
Navigate into the project directory:
cd pokedex -
Install dependencies:
npm install -
Start the development server:
npm run dev -
Open the application in your browser:
http://localhost:5173
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Make your changes.
- Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Create a new Pull Request.
This project was created by Gerard Doncel.
Special thanks to the PokeAPI for providing Pokémon data.