Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stephenombuya/pokemon-search-app
Welcome to the Pokémon Search App! This project allows users to search for Pokémon by their name or ID and view detailed information about them, such as their stats, types, and sprite image.
https://github.com/stephenombuya/pokemon-search-app
api-integration async-await css3 html5 javascript
Last synced: 29 days ago
JSON representation
Welcome to the Pokémon Search App! This project allows users to search for Pokémon by their name or ID and view detailed information about them, such as their stats, types, and sprite image.
- Host: GitHub
- URL: https://github.com/stephenombuya/pokemon-search-app
- Owner: stephenombuya
- License: gpl-3.0
- Created: 2024-11-20T14:27:40.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-20T14:37:25.000Z (about 1 month ago)
- Last Synced: 2024-11-20T15:36:38.652Z (about 1 month ago)
- Topics: api-integration, async-await, css3, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 20.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **Pokémon Search App**
Welcome to the Pokémon Search App! This project allows users to search for Pokémon by their name or ID and view detailed information about them, such as their stats, types, and sprite image.
### **Features**
1. Search Pokémon by name or ID.
2. Display Pokémon details such as:
- Name
- ID
- Weight
- Height
- Types
- Stats: HP, Attack, Defense, Special Attack, Special Defense, and Speed.
3. Show Pokémon sprite image dynamically.
4. Clear previous search results when a new search is performed.
5. Handles errors gracefully (e.g., when a Pokémon is not found).
### **Technologies Used**
- **HTML5**: Structure of the app.
- **CSS3**: Styling for layout, colors, and responsiveness.
- **JavaScript**: Fetching data from the PokéAPI and dynamically updating the UI.
- **PokéAPI**: Used for retrieving Pokémon data.
### **How to Run the Project**
1. Clone the repository:
```
git clone https://github.com/stephenombuya/pokemon-search-app/tree/main
```
2. Navigate to the project folder:
```
cd pokemon-search-app
```
3. Open the index.html file in your browser.
### **Project Structure**
```
pokemon-search-app/
│
├── index.html # HTML structure
├── style.css # Styles for the app
├── script.js # JavaScript logic for search functionality
└── README.md # Project documentation
```
### **Contributing**
- Fork the repository.
- Create a new branch:
```
git checkout -b feature-name
```
- Commit your changes:
```
git commit -m "Add feature-name"
```
- Push to the branch:
```
git push origin feature-name
```
- Open a Pull Request.
### **License**
This project is licensed under the GNU License.