https://github.com/mijan2001/pokemon-api-react-router-dom
https://github.com/mijan2001/pokemon-api-react-router-dom
aos-animation dark-mode react react-router tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mijan2001/pokemon-api-react-router-dom
- Owner: Mijan2001
- Created: 2024-12-30T01:11:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-15T20:58:38.000Z (over 1 year ago)
- Last Synced: 2025-03-18T06:18:26.905Z (over 1 year ago)
- Topics: aos-animation, dark-mode, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://pokemon-api-react-router-dom.vercel.app
- Size: 705 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokémon Explorer App
A dynamic React application to explore Pokémon with features like browsing, searching, and viewing detailed information. The app integrates with the PokéAPI and uses React Router for navigation.
## Features
- **Homepage**: List of Pokémon with images and a "View Details" button.
- **Details Page**: Dynamic route (`/pokemon/:name`) displaying Pokémon details.
- **Search**: Filter Pokémon by name on the homepage.
- **Favorites**: Save favorite Pokémon and view them on a separate page (`/favorites`).
- **Navigation**: Links to Homepage and Favorites.
- **Styling**: Designed with Tailwind CSS, Bootstrap, or Material-UI.
## API
- **Base URL**: [https://pokeapi.co/api/v2/](https://pokeapi.co/api/v2/)
- **Endpoints**:
- List Pokémon: `/pokemon?limit=50`
- Pokémon Details: `/pokemon/{name}`
## Technical Stack
- React, React Router, Tailwind CSS.
## Installation
1. Clone the repository.
2. Install dependencies with `npm install`.
3. Start the server using `npm run dev`.
4. Visit `http://localhost:5173`.
## Screenshoot
## License
Licensed under the MIT License.
---