https://github.com/monicaalyssa/pokedex

Pokédex is a web application that showcases images and displays information about different Pokemon species.
https://github.com/monicaalyssa/pokedex

bootstrap css html javascript

Last synced: about 9 hours ago
JSON representation

Pokédex is a web application that showcases images and displays information about different Pokemon species.

• Host: GitHub
• URL: https://github.com/monicaalyssa/pokedex
• Owner: monicaalyssa
• Created: 2024-04-20T21:20:28.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-15T17:25:57.000Z (3 days ago)
• Last Synced: 2024-11-15T18:30:07.208Z (3 days ago)
• Topics: bootstrap, css, html, javascript
• Language: JavaScript
• Homepage: https://monicaalyssa.github.io/pokedex/
• Size: 166 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pokédex

This project is a web application that utilizes a Pokémon API to fetch and display information about different Pokémon species. It presents a list of Pokémon, showcasing an image for each Pokémon. Users can delve deeper into each Pokémon's details through an interactive modal interface.

## Features ✨

- **Repository:** A local repository is maintained to store the details of each Pokémon fetched from the PokeAPI.

- **List of Pokémon:** The application presents a list of Pokémon for users to browse through.

- **Pokémon Details:** Clicking on a Pokémon displays a modal with the Pokémon's name, image, height, and type(s).

- **Search Bar:** Includes a search functionality to easily find Pokémon by name.

## Installation 📝

To use this application locally, follow these steps:

1. Clone this repository to your local machine:

 ```bash

git clone https://github.com/monicaalyssa/pokdex

```

2. Navigate to the project folder, called 'pokedex'.

3. Open the `index.html` file in your web browser.

## Demo 📹

https://github.com/user-attachments/assets/455cf580-c324-4bbc-9055-4f350ffc46fa

## Technologies & Dependencies 🛠️

### JavaScript ES6

The core functionality of the application is written using JavaScript ES6. This includes the use of promises for asynchronous operations and forEach loops all within an IIFE.

### Bootstrap

Bootstrap is used for the application's responsive layout, pre-designed components, and modal dialogs. It ensures that the application looks good on all screen sizes, provides a consistent user experience, and allows for interactive modal dialogs to display detailed information about each Pokémon.

### PokeAPI

PokeAPI is used to fetch data on different Pokémon species, which includes each Pokémon's name, details, and images.

### Prettier and ESLint

Prettier is used to automatically format the code to ensure it follows a consistent style. ESLint is used to catch potential bugs and enforce best practices. Together, they help maintain the quality and readability of the code.

##