Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dikshitadas/pokedex.github.io

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/dikshitadas/pokedex.github.io
Owner: DikshitaDas
Created: 2023-12-25T14:45:29.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-06-26T17:07:58.000Z (7 months ago)
Last Synced: 2024-06-26T21:12:49.523Z (7 months ago)
Language: CSS
Size: 93.8 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 🐾 Pokedex

Welcome to **Pokedex**, a web-based application that lets you explore the details of your favorite Pokémon! Built using **HTML**, **CSS**, and **JavaScript**, this project displays a list of Pokémon along with their attributes fetched from the Pokémon API.

![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?&style=flat&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-%231572B6.svg?&style=flat&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?&style=flat&logo=javascript&logoColor=black)

![PokemonAPI](https://img.shields.io/badge/PokéAPI-%234FC08D.svg?&style=flat&logo=api&logoColor=white)



## 📝 About

**Pokedex** is a simple Pokémon index that lets you search and explore the details of various Pokémon, including their names, types, abilities, and more. The data is fetched from the **PokéAPI**.

## 🚀 Features

- 🔍 **Search** for Pokémon by name or ID

- 📝 **Details** such as types, abilities, and stats

- 🎨 Simple, clean, and responsive user interface

## 📦 Installation

### 1. Clone the Repository

```bash

git clone https://github.com/DikshitaDas/Pokedex.github.io.git

cd Pokedex.github.io

```

### 2. Open `index.html`

Simply open the `index.html` file in your browser to explore the Pokedex.

## 📖 How to Use

1. Enter the name or ID of the Pokémon you want to look up.

2. Click **Search** to see the Pokémon’s details, including their type, stats, and abilities.

## 🛠 Technologies Used

| Technology  | Logo |

|-------------|------|

| **HTML5**   | ![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?&style=flat&logo=html5&logoColor=white) |

| **CSS3**    | ![CSS3](https://img.shields.io/badge/CSS3-%231572B6.svg?&style=flat&logo=css3&logoColor=white) |

| **JavaScript** | ![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?&style=flat&logo=javascript&logoColor=black) |

| **PokéAPI** | ![PokéAPI](https://img.shields.io/badge/PokéAPI-%234FC08D.svg?&style=flat&logo=api&logoColor=white) |

## 🤝 Contributing

Contributions are welcome! Feel free to:

1. Fork the repository 🍴

2. Create your feature branch (`git checkout -b feature/amazing-feature`) 🚧

3. Commit your changes (`git commit -m 'Add new feature'`) 📝

4. Push to the branch (`git push origin feature/amazing-feature`) 📤

5. Open a pull request 📬

## 📄 License

This project is licensed under the **MIT License**. See the [LICENSE](LICENSE) file for details. 📃