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

A web-based Pokedex application that lets you search and explore details of your favorite Pokémon using the PokéAPI.
https://github.com/dikshitadas/pokedex.github.io

css css3 html html-css-javascript html5 javascript pokeapi pokeapi-pokedex

Last synced: 4 months ago
JSON representation

A web-based Pokedex application that lets you search and explore details of your favorite Pokémon using the PokéAPI.

• Host: GitHub
• URL: https://github.com/dikshitadas/pokedex.github.io
• Owner: DikshitaDas
• Created: 2023-12-25T14:45:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-19T06:48:08.000Z (9 months ago)
• Last Synced: 2025-01-25T16:41:56.661Z (6 months ago)
• Topics: css, css3, html, html-css-javascript, html5, javascript, pokeapi, pokeapi-pokedex
• Language: CSS
• Homepage:
• Size: 840 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. 📃