https://github.com/sampadmondal-git/poke-verse
This project is a simple Pokémon web app using the PokéAPI. It lets users search by Pokémon name or ID to view details like their name, image, and abilities. Built with responsive design, it’s user-friendly and perfect for fans or developers learning API integration.
https://github.com/sampadmondal-git/poke-verse
api api-integration css css3 fetch-api fetch-data fetching-data-from-an-api front-end-development html html5 javascript javascript-framework javascript-library jsx react react-framework react-frontend react-frontend-app react-library reactjs
Last synced: 3 months ago
JSON representation
This project is a simple Pokémon web app using the PokéAPI. It lets users search by Pokémon name or ID to view details like their name, image, and abilities. Built with responsive design, it’s user-friendly and perfect for fans or developers learning API integration.
- Host: GitHub
- URL: https://github.com/sampadmondal-git/poke-verse
- Owner: SampadMondal-git
- Created: 2025-01-01T20:24:49.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-01-22T14:49:58.000Z (10 months ago)
- Last Synced: 2025-02-23T09:13:42.389Z (9 months ago)
- Topics: api, api-integration, css, css3, fetch-api, fetch-data, fetching-data-from-an-api, front-end-development, html, html5, javascript, javascript-framework, javascript-library, jsx, react, react-framework, react-frontend, react-frontend-app, react-library, reactjs
- Language: JavaScript
- Homepage: https://sampadmondal-git.github.io/poke-verse/
- Size: 877 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokémon Fetch API
This project is a simple web application that fetches and displays data about Pokémon using the [PokéAPI](https://pokeapi.co/).
## Features
- Fetches data from the PokéAPI.
- Displays Pokémon information such as name, image, and abilities.
- Responsive design for optimal viewing on different devices.
## Project Structure:
```
Pokemon-fetch-api/
├── public/
│ └── index.html
├── src/
│ ├── App.js
│ │ └── fetch.jsx
│ │ └── loader.jsx
│ │ └── result.jsx
│ │ └── error.jsx
│ ├── App.css
│ │ └── fetch.css
│ │ └── loader.css
│ │ └── result.css
│ │ └── error.css
│ └── index.js
├── package.json
├── package-lock.js
└── README.md
```
## Installation
**1. Clone the repository:**
git clone https://github.com/SampadMondal-git/poke-verse.git
**2. Navigate to the project directory:**
cd pokemon-fetch-api
**3. Open `index.html` in your preferred web browser.**
open index.html
## Usage
Enter the name or ID of a Pokémon in the search bar.
Click the "Search" button to fetch and display the Pokémon's information.
## Contributing
Contributions are welcome! Please fork this repository and submit a pull request with your changes.
## License
This project is licensed under the MIT License. See the [LICENSE]() file for details.
## Acknowledgements
Data provided by [PokéAPI](https://pokeapi.co/).
Inspired by the Pokémon franchise.# find-your-Pokemon
## Creator
Designed with love by [Samy](https://www.instagram.com/_ursfav.sxmy/), straight from the heart of Kolkata.