https://github.com/ibrahimif/pokedex

A replica of the pokedex from the pokemon anime.
https://github.com/ibrahimif/pokedex

pokeapi pokemon react-vite

Last synced: 7 months ago
JSON representation

A replica of the pokedex from the pokemon anime.

• Host: GitHub
• URL: https://github.com/ibrahimif/pokedex
• Owner: IbrahimIF
• License: mit
• Created: 2024-08-20T17:20:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-14T18:06:38.000Z (7 months ago)
• Last Synced: 2025-06-14T18:54:03.925Z (7 months ago)
• Topics: pokeapi, pokemon, react-vite
• Language: JavaScript
• Homepage: https://pokedex-bice-zeta.vercel.app
• Size: 1.38 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![image](https://github.com/user-attachments/assets/86de2dba-f18f-48b2-9be4-14e9ac5192e0)

![Project Status](https://img.shields.io/badge/status-in_progress-brightgreen)

![Static Badge](https://img.shields.io/badge/made_with-React_+_Vite-blue)

##### **Description**:

This is a project based around the pokemon anime's adaption of the pokedex, a handheld device that presents information about pokemons to the user.

showcasing all of if not majoirty of the different pokedex model's which would all be based on the anime not the games, creating digital interactive replicas.

-----

## Getting started:

To run this project locally, you'll need to have Node.js and npm installed on your computer. Once you have these installed, follow these steps:

**1. Clone the repository:**

```

> git clone 

```

**2. Navigate to the project directory using the command line.**

**3. Install dependencies:**

```

> npm install

```

**4. Start the Vite development server:**

```

> npm run dev

```

**5. Open your web browser and navigate to http://localhost:5173 (or the port shown in the terminal) to view the project.**

----

## Demo:

Below is the project link currently live on Vercel:

 [Pokedex](https://pokedex-bice-zeta.vercel.app/).

----

## Features:

This project includes:

- **Interactive Pokedex**: A reimagining of a pokdex based on the pokemon anime.

- **Pokemon search box**: Users can search for pokemon using a search box.

- **Change background**: A dropdown menu to change the background.

- **Change Pokedex model**: A dropdown menu to change the pokedex model e.g. Kanto to Sinnoh region.

- **Mute button**: A button to mute the sounds from the project.

----

## Technologies and Tools Utilised:

[![My Skills](https://skillicons.dev/icons?i=react,js,html,tailwind,css,vite,vercel,vscode&perline=2)](https://skillicons.dev)

---

## Acknowledgment:

- [pokeapi](https://pokeapi.co/)

---