A React web application for exploring Pokémon information using PokéAPI. You can search, filter, and view detailed information about different Pokémon.
- Search Pokémon by name
- Filter Pokémon by type
- Get random Pokémon
- Detailed Pokémon information
- React
- Vite
- React Router
- TailwindCSS
- Motion (Framer Motion)
- PokéAPI
- Node.js
-
Clone the repo
git clone https://github.com/ytraddan/pokesearch cd pokesearch
-
Install packages
npm i
-
Start dev server
npm run dev
The application will be available at
http://localhost:5173
The application has three sections:
- About page
- Search page
- Random page
- Use search to find Pokémon by name
- You can also filter Pokémon by their type
- Search terms and type filters are automatically saved and restored on page reload
- Navigate through results using prev/next buttons
- Displays three random Pokémon cards
- Click on any Pokémon card to view detailed information
Here's how you can contribute to project:
-
Fork & Clone
- Fork the repository
- Clone your fork locally
-
Branch
git switch -c /your-branch-name
-
Submit
- Push your changes
- Create a PR with description of your changes
This project is licensed under the MIT License.