Welcome to PokeDex, a fully functional Pokédex that allows you to search for Pokémon and view various details such as their stats, evolutions, abilities, height, and weight. This project utilizes the PokeAPI to fetch data about Pokémon and provides a modern and visually appealing display of the information.
- Search Functionality: Easily search for your favorite Pokémon by name or ID.
- Detailed Pokémon Info:
- Stats: View a Pokémon's base stats (HP, Attack, Defense, etc.).
- Evolutions: See the evolution chain of each Pokémon.
- Abilities: Learn about the abilities a Pokémon has.
- Height & Weight: Find out how big and heavy a Pokémon is.
- Responsive Design: The layout adapts to different screen sizes, ensuring a great experience on both desktop and mobile devices.
- Efficient Data Fetching: Includes caching mechanisms to reduce API calls and improve performance.
-
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`
The project will be running at
http://localhost:3000
.
- Next.js: A React framework for server-side rendering and static site generation.
- PokeAPI: A free and open API to access Pokémon data.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- React Hooks: To manage state and lifecycle in functional components.
- Lenis: For Smooth Scrolling over the webpage.
- Enter the name of the Pokémon in the search bar.
- View details about the Pokémon, including stats, evolution chain, abilities, height, and weight.
- Browse through different Pokémon by searching or clicking on evolution chains.
Feel free to open issues or submit pull requests if you would like to contribute to this project!
- Fork the repository.
- Create your feature branch:
git checkout -b my-new-feature
. - Commit your changes:
git commit -am 'Add some feature'
. - Push to the branch:
git push origin my-new-feature
. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.1. Clone the repository: ```bash git clone https://github.com/your-username/PokeDex.git